获取editor中的编辑内容
时间: 2024-01-22 10:21:26 浏览: 25
要获取editor中的编辑内容,可以使用JavaScript来实现。假设你的editor的id为"myEditor",可以使用以下代码来获取编辑内容:
```javascript
var editorContent = document.getElementById("myEditor").innerHTML;
```
上面的代码将获取编辑器中的HTML内容,如果你只想获取纯文本,可以使用以下代码:
```javascript
var editorContent = document.getElementById("myEditor").innerText;
```
请注意,这些代码将获取整个编辑器中的内容,包括标签和格式。如果你只想获取编辑器中的文本内容,你可以使用一些其他的JavaScript库或插件,如Quill.js或TinyMCE等。
相关问题
vue-quill-editor获取内容
vue-quill-editor可以通过以下方式获取内容:
1. 使用v-model绑定数据,获取编辑器中的内容:
```
<template>
<div>
<quill-editor v-model="content"></quill-editor>
<button @click="getContent">获取内容</button>
</div>
</template>
<script>
export default {
data() {
return {
content: ''
}
},
methods: {
getContent() {
console.log(this.content)
}
}
}
</script>
```
2. 使用ref获取编辑器实例,通过实例的getText()方法获取内容:
```
<template>
<div>
<quill-editor ref="editor"></quill-editor>
<button @click="getContent">获取内容</button>
</div>
</template>
<script>
export default {
methods: {
getContent() {
console.log(this.$refs.editor.quill.getText())
}
}
}
</script>
```
获取tinymce中的内容
可以使用以下代码获取 TinyMCE 中的内容:
```javascript
// 获取 TinyMCE 实例
var tinymceEditor = tinymce.get('editorId');
// 获取内容
var content = tinymceEditor.getContent();
```
其中,`editorId` 为你在初始化 TinyMCE 时指定的编辑器 ID。获取到的 `content` 即为编辑器中的内容。