第一范文网 - 专业文章范例文档资料分享平台

UEditorUEditor的使用手册

来源:用户分享 时间:2025/5/22 5:13:15 本文由loading 分享 下载这篇文档手机版
说明:文章内容仅供预览,部分内容可能不全,需要完整文档或者需要复制内容,请下载word后使用。下载word有问题请添加微信号:xxxxxxx或QQ:xxxxxx 处理(尽可能给您提供完整文档),感谢您的支持与谅解。

me) inserttable 插入表格,tableobj{ cellpadding:0, cellspacing:0, width:100, height:100, cellborder:1, border:1, numRows:2, numCols:2} 查询当前选区是否为表格 queryCommandState(cmdName) cmdName=\execCommand(cmdName,tableobj) cmdName=\tableobj={} alse true/false table 0:不在表格里,1:在表格里 deletetable 删除表格 查询当前选区是否为表格 execCommand(cmdName) queryCommandState(cmdName) cmdName=\cmdName=\true/false 0:不在表格里,1:在表格里 mergeright 向右合并单元格 查询右方是否为可合并单元格 execCommand(cmdName) queryCommandState(cmdName) cmdName=\cmdName=\true/false 0:不可合并,1:可合并 mergedown 向下合并单元格 查询下方是否为可合并单元格 execCommand(cmdName) queryCommandState(cmdName) cmdName=\cmdName=\true/false 0:不可合并,1:可合并 deleterow 删除行 execCommand(cmdName) cmdName=\true/false 0:不查询下方是queryCommandState(ccmdName=\否为可删除行 mdName) 可删除,1:可删除 deletecol 删除列 查询下方是否为可删除列 execCommand(cmdName) queryCommandState(cmdName) cmdName=\cmdName=\true/false 0:不可删除,1:可删除 splittocells 完全拆分单元格 查询是否可以完全拆分单元格 execCommand(cmdName) queryCommandState(cmdName) cmdName=\true/false 0:不可以,1:可以 cmdName=\splittorows 将单元格拆分成行 查询是否可以将单元格拆分成行 execCommand(cmdName) queryCommandState(cmdName) cmdName=\cmdName=\true/false 0:不可以,1:可以 splittocols 将单元格拆分成列 查询是否可以将单元格拆分成列 execCommand(cmdName) queryCommandState(cmdName) cmdName=\cmdName=\true/false 0:不可以,1:可以 insertrow 插入行 查询是否可以插入行 execCommand(cmdName) queryCommandState(cmdName) cmdName=\cmdName=\true/false 0:不可以,1:可以 insertcol 插入列 查询是否可以插入列 execCommand(cmdName) queryCommandState(cmdName) cmdName=\cmdName=\true/false 0:不可以,1:可以 mergecells 合并多个单元格,通过两个cell将当前execCommand(cmdName) cmdName=\true/false 包含的所有横纵单元格进行合并 查询选区内容是否为可以合并的单元格 insertvideo 插入视频 execCommand(cmdName) cmdName=\queryCommandState(cmdName) cmdName=\0:不可以,1:可以 true/false video Plugins

构造编辑器时配置功能说明 参数 当输入内容超过编辑器高度时,编辑器会自动增高 设置回车标签,默认为br 修复chrome下图片不能点击的问题 处理特殊键的兼容性问题 可以进行粘贴操作 过滤html标签,rule为对象分为白名单和黑名单,详情请看示例demo 快捷键 对表格操作 使编辑器具有前进后退的功能 无 enterTag: \无 无 无 serialize:rule 无 无 无 需要引入文件(*.js) autoheight enterkey fiximgclick keystrokes paste serialize shortcutkeys table undo

三、完整版的部署以及使用

1) 官网上下载完整源码包,解压到任意目录,解压后的源码目录结构如下所示: ?_examples:编辑器完整版的示例页面 ?_demos:编辑器的各种使用案例

?dialogs:弹出对话框对应的资源和JS文件 ?themes:样式图片和样式文件

?server:涉及到服务器端操作的PHP、JSP等文件 ?third-party:第三方插件

?editor_all.js:_src目录下所有文件的打包文件

?editor_all_min.js:editor_all.js文件的压缩版,建议在正式部署时才采用

?editor_config.js:编辑器的配置文件,建议和编辑器实例化页面置于同一目录 2) 部署UEditor到实际项目(UETest)中的步骤:

?

第一步:在项目的任一文件夹中建立一个用于存放UEditor相关资源和文件的目录,此处在项目根目录下建立,起名为ueditor。

? 第二步:拷贝源码包中的dialogs、themes、third-party、editor_all.js和editor_config.js到ueditor文夹中。理论上,前端的所有文件除了编辑器实例化页面外此刻已经全部具备,此处为了体验图片上传等功能,将server文件夹一并拷贝到ueditor目录中。整体的项目结构如右图所示。其中,除了ueditor目录之外的其余文件均为具体项目文件,此处所列仅供示例。

? 第三步:为简单起见,此处将以article目录下的input.jsp页面作为编辑器的实例化页面,用来展示UEditor的完整版效果。在input.jsp文件中,首先导入编辑器需要的三个入口文件,示例代码如下:

搜索更多关于: UEditorUEditor的使用手册 的文档
UEditorUEditor的使用手册.doc 将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印
本文链接:https://www.diyifanwen.net/c9qxw97ad196c4rp7ponk_3.html(转载请注明文章来源)
热门推荐
Copyright © 2012-2023 第一范文网 版权所有 免责声明 | 联系我们
声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
客服QQ:xxxxxx 邮箱:xxxxxx@qq.com
渝ICP备2023013149号
Top