zoukankan      html  css  js  c++  java
  • ueditor插入自定义内容和样式

    UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点

     
    通过UEditor提供的API接口可以很方便的读写操作内容并设置编辑器里的样式
     
    页面中的脚本
    <script>
        $(function () {
            init();
            _template();
        });
        function _template() {
            var html = '<ul><li>大因云屏</li><li>超高分GIS地图</li><li>KVM操作</li><li>高清输入节点</li><li>智能音箱系统</li><li>智能会议交互终端</li></ul><p class="foot"><img src="/public/images/pic10.jpg"></p><h1>指挥中心解决方案系统图</h1><img src="/public/images/pic11.jpg"><h1>大因云屏与传统系统对比图</h1><img src="/public/images/pic13.jpg">';
            if (windw.editorcontent && editorcontent.setContent) {
                editorcontent.setContent(html);//插入自定义内容到编辑器
                editorcontent.document.body.className += ' content ';
            }
        }
        //初始化
        function init() {
            //加载ueditor脚本
            editorcontent = new baidu.editor.ui.Editor();
            editorcontent.render('content');//content为id号
            try {
                //添加自定义类名content,用于设置编辑器里的样式
                editorcontent.addListener('ready', function (editor) {
                    (editorcontent.document.body.className += ' content ')
                });
                editorcontent.sync();
            } catch (err) {}
        }
        </script>
    

      

     
    jsueditor hemesiframe.css 自定义编辑器里的样式
    /*可以在这里添加你自己的css*/
    .content {
        padding: 20px;
        background: #f6f6f6;
    }
    .content img {
        width: 98%;
    }
     
     
     
    参考:





  • 相关阅读:
    娓娓道来c指针 (4)解析c的声明语句
    Snail—UI学习之UITextField
    E
    Qt录音机
    著名的英文搜索引擎
    java中Map,List与Set的差别
    Android图片处理:识别图像方向并显示
    Unity3D中组件事件函数的运行顺序
    Android屏幕density, dip等相关概念总结
    Codeforces Round #257 (Div. 2)
  • 原文地址:https://www.cnblogs.com/huangtailang/p/6520242.html
Copyright © 2011-2022 走看看