获取tinymce中的内容
时间: 2023-09-13 15:05:01 浏览: 182
可以使用以下代码获取 TinyMCE 中的内容:
```javascript
// 获取 TinyMCE 实例
var tinymceEditor = tinymce.get('editorId');
// 获取内容
var content = tinymceEditor.getContent();
```
其中,`editorId` 为你在初始化 TinyMCE 时指定的编辑器 ID。获取到的 `content` 即为编辑器中的内容。
相关问题
vue从tinymce中获取内容
可以通过以下步骤从tinymce编辑器中获取内容:
1. 使用v-model绑定tinymce编辑器的内容,例如:
```
<template>
<div>
<textarea id="my-editor" v-model="content"></textarea>
</div>
</template>
<script>
import tinymce from 'tinymce';
import 'tinymce/themes/silver/theme';
export default {
data() {
return {
content: '',
};
},
mounted() {
tinymce.init({
selector: '#my-editor',
plugins: ['link', 'table'],
toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | table',
setup: (editor) => {
editor.on('change', () => {
this.content = editor.getContent();
});
},
});
},
};
</script>
```
2. 在setup回调函数中监听编辑器内容的变化,并将编辑器内容赋值给组件的content变量。
3. 可以在需要的地方使用content变量获取tinymce编辑器的内容。
获取tinymce编辑框中的文本
你可以通过以下代码获取tinymce编辑框中的文本:
```javascript
var content = tinymce.activeEditor.getContent();
```
其中,`tinymce.activeEditor` 表示当前激活的编辑器。`getContent()` 方法可以获取编辑器中的所有内容,包括HTML标签和文本内容。如果你只需要获取文本内容,可以使用以下代码:
```javascript
var textContent = tinymce.activeEditor.getContent({format: 'text'});
```
阅读全文