这些日子项目中实现一个类似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中添加提示信息，并且使对象失去焦点即可实现禁止编辑。
相关推荐
xheditor文本编辑器插件制作html编辑器使用代码 xheditor文本编辑器插件制作html编辑器使用代码
参数值：编辑器所在的根路径，用在某些特殊情况下定位编辑器的根路径，默认为空，读取默认的编辑器根路径 备注：v1.1.0新添加 shortcuts：自定义键盘快捷方式 参数：快捷键对应事件代码的对象数组 示例：{'ctrl+...
我已配置好，直接使用就可以了，最好最轻便的编辑器xheditor，支持ajax本地上传文件【上传格式也很方便的自定义】，绝对错不了~~~
相当好用的ajax在线编辑器xheditor,欢迎大家下载。
xheditor-1.1.7 编辑器插件 包含xheditor所含关键文件及jquery，导入web工程即可使用
xheditor-1.1.4 在线编辑器 自己感觉很不错！
xheditor是.rar格式解压后就可以使用。附带例子，比较方便，尤其是JAVA爱好者
xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器，基于网络访问并且兼容IE 6.0 ,Firefox 3.0 ,Opera 9.6 ,Chrome 1.0 ,Safari 3.22 。xhEditor完全基于Javascript开发，您可以应用在任何的...
xhEditor文本编辑器在asp.net中的应用
xheditor 文本编辑器插件.web开发 的文本编辑器。
xhEditor在线编辑器完整实例，可直接运行
xheditor 编辑器 很实用的编辑器 很好用的编辑器。采用异步上传。
于是xheditor便开始出现在人们的视野里。可能你还不知道xheditor是什么，其实你可以把它理解为轻量级的Fckeditor，它简化了很多不必要的功能，提高了加载速度。目前，创络科技正致力于整合优化后的xheditor到我们的...
xheditor 编辑器
xheditor编辑器.................xheditor编辑器.................xheditor编辑器.................xheditor编辑器.................xheditor编辑器.................
xhEditor开源HTML编辑器 xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。
xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。 xhEditor完全基于Javascript开发，您可以应用在任何的...
jsp+xheditor web文本编辑器源代码
例如：<textarea name="content" class="xheditor">test经过以上步骤，你就已经成功的将xhEditor编辑器安装在你的网页中。若需要学习更多xhEditor编辑器的使用技术，请参阅：xhEditor进阶使用。
添加：内置Ajax上传和showIframeModal接口参数中的url地址可以使用“{editorRoot}”内置变量，用来定位编辑器文件夹中的页面，例如：{editorRoot}xheditor_plugins/test.html 修正：<pre></pre>已编排格式中的换行...