富文本编辑器Ueditor

下载网址:http://ueditor.baidu.com/website/

虽然百度的人品不咋滴,但是这个开源编辑器还是不错。简单配置一下就能用了

首先引入必要的js文件,然后在适当的地方写javaScript或area标签,最后用适当的配置渲染即可

<script type="text/javascript" charset="utf-8" src="/assets/mpAll/js/ueditor1_4_3/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/assets/mpAll/js/ueditor1_4_3/ueditor.all.min.js"> </script>
    <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="/assets/mpAll/js/ueditor1_4_3/lang/zh-cn/zh-cn.js"></script>
        
<!-- 有两种写法  -->
<!-- yi -->
<script id="myeditor" type="text/plain" style="990px;height:500px;"></script>

<!-- er -->
<textarea name="myeditor" id="myeditor">$content</textarea> 

<script type="text/javascript">
    var editor = new UE.ui.Editor({ initialFrameHeight: 300, initialFrameWidth: 800, autoHeightEnabled: false });
        editor.render("myeditor");
</script>

我用的时候觉得插入文本还是第二种方式好一些,即area的方式,因为那样初始化数据的时候有特殊符号的不用进行处理,原样放在标签的html中即可。初始化参数源码已有详细解释。

原文地址:https://www.cnblogs.com/azul0906/p/4279607.html