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:编辑器失去焦点时回调此函数

本文转自博客园张占岭(仓储大叔)的博客,原文链接:Js~xheditor的高级应用,如需转载请自行联系原博主。

目录
相关文章
|
1月前
|
开发框架 前端开发 JavaScript
使用JavaScript、jQuery和Bootstrap构建待办事项应用
使用JavaScript、jQuery和Bootstrap构建待办事项应用
13 0
|
1月前
|
自然语言处理 JavaScript 前端开发
探索JavaScript中的闭包:理解其原理与实际应用
探索JavaScript中的闭包:理解其原理与实际应用
19 0
|
1月前
|
JavaScript 前端开发 算法
js开发:请解释什么是虚拟DOM(virtual DOM),以及它在React中的应用。
虚拟DOM是React等前端框架的关键技术,它以轻量级JavaScript对象树形式抽象表示实际DOM。当状态改变,React不直接操作DOM,而是先构建新虚拟DOM树。通过高效diff算法比较新旧树,找到最小变更集,仅更新必要部分,提高DOM操作效率,降低性能损耗。虚拟DOM的抽象特性还支持跨平台应用,如React Native。总之,虚拟DOM优化了状态变化时的DOM更新,提升性能和用户体验。
23 0
|
1月前
|
JavaScript 前端开发 索引
JavaScript字符串检查:从基础到高级
【2月更文挑战第26天】
24 0
JavaScript字符串检查:从基础到高级
|
10天前
|
开发框架 前端开发 JavaScript
采用C#.Net +JavaScript 开发的云LIS系统源码 二级医院应用案例有演示
技术架构:Asp.NET CORE 3.1 MVC + SQLserver + Redis等 开发语言:C# 6.0、JavaScript 前端框架:JQuery、EasyUI、Bootstrap 后端框架:MVC、SQLSugar等 数 据 库:SQLserver 2012
|
29天前
|
JavaScript 前端开发 Java
JavaScript高级笔记-coderwhy版本(六)
JavaScript高级笔记-coderwhy版本
74 0
|
29天前
|
JavaScript 前端开发 Java
JavaScript高级笔记-coderwhy版本(一)
JavaScript高级笔记-coderwhy版本
34 0
JavaScript高级笔记-coderwhy版本(一)
|
30天前
|
开发框架 JavaScript 前端开发
描述JavaScript事件循环机制,并举例说明在游戏循环更新中的应用。
JavaScript的事件循环机制是单线程处理异步操作的关键,由调用栈、事件队列和Web APIs构成。调用栈执行函数,遇到异步操作时交给Web APIs,完成后回调函数进入事件队列。当调用栈空时,事件循环取队列中的任务执行。在游戏开发中,事件循环驱动游戏循环更新,包括输入处理、逻辑更新和渲染。示例代码展示了如何模拟游戏循环,实际开发中常用框架提供更高级别的抽象。
14 1
|
1月前
|
JavaScript 前端开发
HTML JS 应用
HTML JS 应用
19 3
|
1月前
|
JavaScript 前端开发 算法
Vue.js的单向数据流:让你的应用更清晰、更可控
Vue.js的单向数据流:让你的应用更清晰、更可控