优秀的富文本编辑器 Kindeditor

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了优秀的富文本编辑器 Kindeditor相关的知识,希望对你有一定的参考价值。

       <textarea name="txtbody" style="width:100%;height:320px;" >
            {$article.txt}
       </textarea>
     
        <script charset="utf-8" src="__STATIC__/kindeditor/kindeditor.js"></script>
        <script charset="utf-8" src="__STATIC__/kindeditor/lang/zh_CN.js"></script>

        <script>
            var editor;
            KindEditor.ready(function(K) {
                editor = K.create(textarea[name="txtbody"], {
                    allowFileManager : true,
                    //解决JS提交无法获取值
                    afterBlur: function(){this.sync();}

                });
            });
        </script>

如果使用js促发的表弟页面提交,需要加入:

afterBlur: function(){this.sync();}

否则后台无法获取到值。

 

读取提交结果:

stripslashes($_POST[‘txtbody‘])

 

以上是关于优秀的富文本编辑器 Kindeditor的主要内容,如果未能解决你的问题,请参考以下文章

TinyMCE 一款非常不错的富文本编辑器

如何把富文本编辑器的px单位转换成rem单位

如何实现一个 Android 端的富文本编辑器

在线文本的编辑框——kindeditor富文本编辑的使用

Springboot中使用kindeditor富文本编辑器

Springboot中使用kindeditor富文本编辑器