这些日子项目中实现一个类似word编辑器的东西,左侧显示的内容相当于word以document map视图查看时显示的标题,我用ztree实现的,不同于word的地方是所有标题都是由ztree创建并编辑的,右侧以html编辑器xheditor实现,用于编辑文档主题内容,但是希望ztree中创建的标题在xheditor中不能够编辑,弄了好久,最后获得一个解决方案,解决问题还得靠执着的精神,在此把解决方法记录下来。
需求基本上是这样的,xheditor中插入标题后,既不可以删除,又不可以编辑,而试图编辑的时候要弹出提示信息。
主要是靠下面这段代码实现的:
<html>
<head>
<script>
function titileModfyingAlert(target){alert("标题不能被修改!");target.blur();//让对象失去焦点}
</script>
</head>
<body>
<iframe>//editor的实现是在当前文档中创建一个iframe并在其中操作的
editor.appendHTML("<div onfocus='window.parent.titileModfyingAlert(this); contentEditable='true'>标题1</div><p></p>");
</iframe>
</body>
</html>
将标题包裹在div标签里并设置标签的contentEditable的属性为true即可以实现标题占据一行,并且无法被删除,这是偶然发现的。
但是,当双击标题时,div获得焦点,并且可以修改标题。我在为div添加onfocus事件时一直未能成功,后来才发现onfocus句柄调用的是父窗口的函数,因为div是在iframe中,所以我要使用onfocus='window.parent.titileModfyingAlert(this); 这样的形式才可以。在函数titileModfyingAlert中添加提示信息,并且使对象失去焦点即可实现禁止编辑。
相关推荐
参数值:编辑器所在的根路径,用在某些特殊情况下定位编辑器的根路径,默认为空,读取默认的编辑器根路径 备注:v1.1.0新添加 shortcuts:自定义键盘快捷方式 参数:快捷键对应事件代码的对象数组 示例:{'ctrl+...
添加:内置Ajax上传和showIframeModal接口参数中的url地址可以使用“{editorRoot}”内置变量,用来定位编辑器文件夹中的页面,例如:{editorRoot}xheditor_plugins/test.html 修正:<pre></pre>已编排格式中的换行...
描述中的情况就是这样,当 `validate` 在 `xheditor` 之前初始化时,`validate` 并不能正确地识别 `xheditor` 中的用户输入,因为 `xheditor` 会将内容渲染在 iframe 或其他隐藏元素中,而不是直接在 textarea 或 ...
那些年,与你同分同位次的同学都去了哪里?全国各大学在四川2020-2024年各专业最低录取分数及录取位次数据,高考志愿必备参考数据
麒麟win10双系统重新安装win10后麒麟启动菜单看不到解决方法
多邻国Duolingo v6.0.3 高级版.apk
QT网络编程: 实现TCP通讯设置(客户端)
减少重复造轮子,开源微信小程序商城(前后端开源:uniapp+Java)。快速搭建一个属于自己的微信小程序商城。
彩虹云商城 最新彩虹代刷V6.9.0免授权纯净完整版 直接上传源码解压缩后访问域名安装即可,亲测可用 彩虹自助下单系统 安装说明: 上传到空间后直接访问即可根据提示安装。 PHP推荐使用7.0及以上版本 V6.9 1.修复SQL注入漏洞 2.修复后台微信QQ扫码登录 V6.8.5 1.修复亿乐对接 2.新增支持倍数输入框 V6.8 1.更新全新的faka模板 2.新增微信快捷登录 3.新增批量下单功能 4.防CC配置新增滑动验证码模式 5.修复部分地区后台加载错误 6.修复https网站对接http支付接口 7.后台登录支持微信QQ扫码登录
那些年,与你同分同位次的同学都去了哪里?全国各大学在四川2020-2024年各专业最低录取分数及录取位次数据,高考志愿必备参考数据
那些年,与你同分同位次的同学都去了哪里?全国各大学在四川2020-2024年各专业最低录取分数及录取位次数据,高考志愿必备参考数据
网鼎杯
网络安全入门教程(工具版)
科普里控制器调试软件工具使用 win64环境安装
内容概要:本文档详细介绍了GC9503V单片机a-Si TFT LCD驱动器的技术规格,包括主要特点、内部结构图、引脚定义以及系统接口等。GC9503V支持480x864分辨率,16.7百万色显示,无内置GRAM。文章还提供了详细的引脚尺寸、对齐标记尺寸、芯片信息以及接口模式控制的序列实例,如DCS写入命令及其参数。 适合人群:LCD显示屏设计人员、嵌入式系统工程师、电子硬件开发者和技术研究人员。 使用场景及目标:帮助开发者快速理解和应用GC9503V在实际产品中的具体使用方法,掌握LCM与MCU之间的数据交互方式,实现高效的屏幕驱动设计。 其他说明:GalaxyCore公司保留在不事先通知的情况下更改文档内容的权利。
那些年,与你同分同位次的同学都去了哪里?全国各大学在四川2020-2024年各专业最低录取分数及录取位次数据,高考志愿必备参考数据
yolo系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值
那些年,与你同分同位次的同学都去了哪里?全国各大学在四川2020-2024年各专业最低录取分数及录取位次数据,高考志愿必备参考数据