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:编辑器失去焦点时回调此函数
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
· 不到万不得已,千万不要去外包
· C# WebAPI 插件热插拔(持续更新中)
· 会议真的有必要吗?我们产品开发9年了,但从来没开过会
· 【译】我们最喜欢的2024年的 Visual Studio 新功能
· 如何打造一个高并发系统?