zoukankan      html  css  js  c++  java
  • 富文本编辑器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中即可。初始化参数源码已有详细解释。

  • 相关阅读:
    开源图标字体 uiw-iconfont v1.2.6 发布,新增图标
    OAuth授权登录
    网站视觉设计规范
    LOGO有哪几种常规设计思路?
    Web设计规范----控件、组件
    前端工程师的新选择WebApp
    openstack学习-网络管理 (转)
    理解OpenStack与SDN控制器的集成(转)
    NFV MANO 架构
    Raid 磁盘阵列
  • 原文地址:https://www.cnblogs.com/azul0906/p/4279607.html
Copyright © 2011-2022 走看看