Layui富⽂本编辑、存储和回显
在开发中富⽂本的操作对于备注、描述之类的⼩功能是很有必要的!也能更好的展⽰我们需要的存储或者显⽰的内容如果你正苦苦寻⼀款轻量的Web富⽂本编辑器,那么LayEdit会是你不错的选择。
⼀、创建⼀个富⽂本编辑框
先定义⼀个textarea标签,给定⼀个id值,向页⾯引⼊layedit,然后调⽤layedit.build(id, options)构建富⽂本框
//官⽅给出的模板
<textarea id="demo" ></textarea>
<script>
layui.use('layedit', function(){
var layedit = layui.layedit;
layedit.build('demo'); //建⽴编辑器
});
</script>
layedit.build(id, options) 中第⼀个参数为需要构建的标签id,第⼆个参数则是为⽂本编辑器进⾏⼀些设置
具体操作
layedit.build('标签id', {
height: 180 //设置编辑器⾼度
...
});
⼆、存储
获取富⽂本信息
通过上述⽅法就能获取带格式的⽂本信息,即:
如果仅仅只要⽂本,官⽅还提供了其他⽅法
后端数据库的存储应选择长⽂本格式,如果⽤varchar容易报内容过长的错误,我⽤的是longtext存储三、数据的回显
//第⼀个参数:创建的富⽂本框实例
//第⼆个参数:之前存储的富⽂本内容(回显时查询得到)
/
/第三个参数:填写⽅式:true时为在已有的内容追加 false时为覆盖
layedit.setContent(editIndex, mData.data.ms, false);
asp富文本编辑器之有前查说⽤html的和val的都可以,不过我试了都没有成功回显!不知道少了啥
记录⼀下,有什么错误,欢迎指出
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论