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 @   张占岭  阅读(1541)  评论(3编辑  收藏  举报
编辑推荐:
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
阅读排行:
· 不到万不得已,千万不要去外包
· C# WebAPI 插件热插拔(持续更新中)
· 会议真的有必要吗?我们产品开发9年了,但从来没开过会
· 【译】我们最喜欢的2024年的 Visual Studio 新功能
· 如何打造一个高并发系统?
点击右上角即可分享
微信分享提示