layui 富文本textarea 获取textarea 的值,并保存
时间: 2023-10-25 13:17:58 浏览: 234
要获取 layui 富文本 textarea 的值并保存,可以按照以下步骤操作:
1. 给 textarea 绑定一个 id,例如:`<textarea id="myTextarea"></textarea>`
2. 引入 layui 富文本编辑器的 JavaScript 文件和 CSS 文件,例如:
```html
<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>
```
3. 在页面加载完成后,初始化富文本编辑器,并将其绑定到 textarea 上,例如:
```javascript
layui.use('layedit', function(){
var layedit = layui.layedit;
var index = layedit.build('myTextarea'); // 绑定富文本编辑器到 textarea 上
});
```
4. 要获取 textarea 的值,可以使用 layedit 对象的 getContent 方法,例如:
```javascript
var content = layedit.getContent(index); // 获取富文本编辑器的内容
```
5. 要保存 textarea 的值,可以将其发送到后端进行处理,例如:
```javascript
$.ajax({
type: 'POST',
url: '/save',
data: {content: content},
success: function(result){
console.log('保存成功');
},
error: function(){
console.log('保存失败');
}
});
```
其中,`/save` 是后端处理保存请求的 URL,`data` 参数是要保存的数据,可以根据实际情况进行修改。
阅读全文