这些日子项目中实现一个类似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压缩包内通常包含示例文件，这些文件展示了如何在实际项目中使用编辑器。通过查看和运行示例，开发者可以快速理解和学习如何配置和使用编辑器。对于Java开发者来说，可以结合Spring MVC或Struts2等框架，...
2. **初始化编辑器**：在HTML中创建一个`textarea`元素，然后使用JavaScript调用XHEditor的初始化函数，指定`textarea`的ID和编辑器的配置参数。 3. **配置参数**：根据实际需求设置编辑器的配置，如工具栏、语言、...
XHEditor以其轻量级、高效能和高度可定制性在众多在线编辑器中脱颖而出。 1. **核心特性** - **所见即所得（WYSIWYG）**: 用户在浏览器中直接编辑内容，看到的效果与最终发布的内容一致。 - **多语言支持**: ...
将Xheditor集成到MyEclipse中，意味着我们可以直接在IDE内部进行编辑器的配置和测试，无需离开开发环境，这对于开发流程来说是非常便捷的。 在集成Xheditor时，描述中提到的“最好把编码改成UTF—8”这一点非常重要...
初始化xheditor编辑器通常在文档加载完成后进行，可以使用JavaScript的`$(document).ready()`或`window.onload`事件。例如： ```javascript $(document).ready(function(){ $("#myEditor").xheditor({tools:'...
XHEditor是一款在Web应用中广泛使用的开源富文本编辑器，因其轻量级和高效能的特点而受到开发者们的喜爱。它提供了丰富的编辑功能，如文字格式化、图片上传、链接插入等，同时支持AJAX本地上传文件，大大提升了用户...
在"xhEditor在线编辑器完整实例"中，我们通常会找到以下关键组成部分： 1. **xhEditor.png**: 这个文件可能是一个示例截图或者编辑器的图标，用于展示编辑器的外观和界面设计。通过它，开发者可以快速了解编辑器的...
XHEditor是一款广泛应用于网页中的开源富文本编辑器，它以其易用性、功能丰富和良好的兼容性受到许多开发者喜爱。这款编辑器提供了丰富的配置选项，可以方便地定制出满足不同需求的文本编辑界面。 在下载XHEditor后...
总结，xheditor作为一款老牌的JavaScript文本编辑器插件，以其丰富的功能和易用性在Web开发中占据一席之地。尽管如今有更多新的编辑器出现，但xheditor的历史地位和对Web开发者的贡献不容忽视。
参数值：编辑器所在的根路径，用在某些特殊情况下定位编辑器的根路径，默认为空，读取默认的编辑器根路径 备注：v1.1.0新添加 shortcuts：自定义键盘快捷方式 参数：快捷键对应事件代码的对象数组 示例：{'ctrl+...
XHEditor是一款基于JavaScript的开源富文本编辑器，它支持WYSIWYG（所见即所得）编辑模式，让用户在网页上可以像在桌面应用程序中那样编辑文本。在WYSIWYG编辑模式下增加插入代码功能是一项常见的需求，尤其对于技术...
- **事件监听**: 可以监听编辑器的事件，如`onBlur`、`onFocus`、`onContentChange`等，以便在用户编辑过程中执行相应的逻辑。 **3. 常见问题与解决方案** - **跨域问题**: 如果图片或文件上传涉及跨域，需要在...
这行代码会在ID为`editor`的元素中创建一个全功能的中文编辑器。 5. **API交互** xhEditor提供了一套完善的API接口，允许开发者在编辑器之外控制编辑器的状态。例如，获取编辑器内容： ```javascript var ...
xhEditor是一款功能丰富的网页文本编辑器，常用于ASP.NET应用程序中，为用户提供类似Word的富文本编辑体验。它支持多种格式的文本输入、图片上传、表格操作、超链接管理等，极大地提升了用户在网页上的内容创作效率...
2. **初始化编辑器**：在需要使用编辑器的元素上，通过JavaScript调用xhEditor的初始化方法。例如，对于一个id为"editor"的textarea，可以使用`<script type="text/javascript">var editor = new XHEditor({id : ...
**xheditor 在线编辑器** 是一个广泛应用于Web应用程序中的富文本编辑器，它提供了类似于桌面文字处理软件的功能，使用户能够在网页上进行复杂的文本编辑、格式化和媒体插入。这款编辑器以其易用性、灵活性和强大的...
xheditor-1.1.7 编辑器插件 包含xheditor所含关键文件及jquery，导入web工程即可使用
在使用xheditor时，开发者通常需要将其引入到HTML页面中，并通过JavaScript配置项来定制编辑器的行为。例如，设置初始内容、设定上传路径、启用或禁用某些功能等。以下是一个简单的初始化示例： ```html ...
xhEditor是一款基于jQuery库的开源网页编辑器，它为网站开发者提供了强大的文本编辑功能，让用户可以在网页上实现类似Word的富文本编辑体验。这款编辑器设计简洁、易用，支持多种格式的文本输入，包括字体、字号、...
在IT行业中，富文本编辑器是网页开发中的一个重要组成部分，它们允许用户以类似Word的方式编辑内容，同时可以插入图片、链接等元素。XHEditor是一款基于JavaScript的开源富文本编辑器，它轻量级且功能强大，适用于...