zoukankan      html  css  js  c++  java
  • 百度ueditor改造

    1.如果内容很长ueditor编辑辑器怎么出现滚动条

    ueditor默认是overfolw-y:hidden;内容过长会隐藏,但我们是不希望这样的;

    设置方法:

    在编辑器目录下的config.js文件中,修改autoHeightEnabled: false,,默认是 true 改成false 即可

    2.视频上传---链接上传方法(二次开发)

     (1).先修改链接上传的页面

         在dialogs->video->video.html修改页面;

     (2)修改插入到页面的格式

         在dialogs->video->video.js   

    function insertSingle() {
            var width = $G("videoWidth"),
                height = $G("videoHeight"),
                url = $G('videoUrl').value,//(视频链接&封面图)格式,可以根据自己具体的需求写
                // poster = $G('fengUrl').value,
                align = findFocus("videoFloat", "name");
          //默认的宽高 if (height.value == '') { height.value = '300' } if (width.value == '') { width.value = '300' } phone_html = '
    <video controls src="' + url.split('&')[0] + '" poster="' + url.split('&')[1] + '" width="' + width.value + '" height="' + height.value + '"></video>' // console.log('poster', poster) if (!url) return false; if (!checkNum([width, height])) return false; editor.execCommand('insertHtml', phone_html); console.log('phone', phone_html) // editor.execCommand('insertvideo', { // url: convert_url(url), // poster: poster, // width.value, // height: height.value, // align: align // }, isModifyUploadVideo ? 'upload' : null); }

    3.这个封面图Poster ,ueditor没有定义,需要在配置文件ueditor.config.js中修改,定位 //xss过滤白名单,即,whitList:{ },对video增加poster属性

    4.getContent获取不到video

    配置文件ueditor.config.js中,在 video 标签后新增3给标签,使Ueditor分别能支持embed标签和iframe标签

    source: ['src', 'type'],
                embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play',
                    +  'autoplay', 'loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload'],
                iframe: ['src', 'class', 'height', 'width', 'max-width', 'max-height', 'align', 'frameborder', 'allowfullscreen']

     5.ueditor莫名其妙会把div格式化为p

    解决方案: 打开ueditor.config.js,敲入配置:,allowDivTransToP:false

  • 相关阅读:
    LeetCode算法题-Find Pivot Index(Java实现)
    LeetCode算法题-Longest Word in Dictionary(Java实现)
    LeetCode算法题-1-bit and 2-bit Characters(Java实现)
    2016-8-4学习正则表达式
    doT 这个模板 是怎么实现的?
    manually Invoking Model Binding / Model Binding /Pro asp.net mvc 5
    隐隐约约 听 RazorEngine 在 那里 据说 生成代码 很 美。
    web api 的 安全 认证问题 , 对外开放 的 时候 需要考虑到安全的问题
    鼠标滑过显示图片
    页面加载中效果实现
  • 原文地址:https://www.cnblogs.com/SunShineM/p/8664605.html
Copyright © 2011-2022 走看看