Js~xheditor的高级应用

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

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

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

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

        var editor = $('#Content').xheditor({ tools: 'full', width: 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
:编辑器失去焦点时回调此函数
posted @ 2012-11-27 19:20  张占岭  阅读(1540)  评论(3编辑  收藏  举报