zoukankan      html  css  js  c++  java
  • Js~xheditor的高级应用

    xheditor确实好用,但由于是第三方的插件,所以,在我们设置起来难免有点麻烦,下面我说几个场景:

    一 当你希望动态改变xheditor里的内容里需要这样做:   

         var editor = $('#Content').xheditor({ tools: 'full',  500, height: 200 });
    editor.setSource("");//清空上一次调用时的内容 editor.focus(); editor.pasteHTML(info
    + "</br>");

    二 当这个xheditor变化焦点或者移出焦点时,改变它的内容:

            var editor = $('#Content').xheditor({ tools: 'full',  500, height: 200 });
                editor.settings.focus = function () {
                    $("#Content").val("");
                }
                editor.settings.blur = function () {
                    if ($("#Content").val() == '填写您发表讨论的内容' || $("#Content").val() == '')
                        $("#Content").val("填写您发表讨论的内容");
                }

    三 如果希望使用xheditor的其它事件,可以参考下表:

    internalScript:是否清除内部代码
    inlineScript
    :是否清除内联代码
    internalStyle
    :是否清除内部样式
    inlineStyle
    :是否清除内联样式
    forcePtag
    :强制使用P标签
    upLinkUrl
    :超链接上传接口地址
    upLinkExt
    :超链接本地上传扩展限制
    upImgUrl
    :图片上传接口地址
    upImgExt
    :图片本地上传扩展限制
    upFlashUrl
    :动画上传接口地址
    upFlashExt
    :动画本地上传扩展限制
    upMediaUrl
    :视频上传接口地址
    upMediaExt
    :视频本地上传扩展限制
    beforeSetSource
    :在设置源代码到编辑器前调用此函数
    beforeGetSource
    :从编辑器返回源代码前调用此函数
    focus
    :编辑器获得焦点时回调此函数
    blur
    :编辑器失去焦点时回调此函数
  • 相关阅读:
    树莓派4 (1)一键配置
    Android编码学习之Fragment
    android编码学习
    自动化中app支持schema跳转
    jenkins持续集成
    测试环境运维文章集锦
    HTML5 data-* 自定义属性
    了解一下JavaScript的未来——ECMAScript5
    ECMAScript5的其它新特性
    ECMAScript5 Array新增方法
  • 原文地址:https://www.cnblogs.com/lori/p/2791334.html
Copyright © 2011-2022 走看看