openWYSIWYG -动态定位

Question

我正在制作一个网页，它有不同的区域，可以点击来改变内容。我想对它进行设置，当你点击一个区域时，一个openWYSIWYG编辑器出现在屏幕的中间，页面的其余部分灰显。

除了编辑的定位之外，我已经做到了这一点。当你点击一个部分时，我会看到一个透明度为50%的div，覆盖着页面，中间会出现一个文本区。但是当我尝试将编辑器附加到文本区域时，它失去了它的位置，落在div后面，而不是像文本区域那样在它前面。

有没有人能建议一种使openWYSIWYG编辑器居中的方法？

Answer 1

你正在寻找模态定位。这里有一个解决方案：

http://jqueryui.com/demos/dialog/#modal-form

基本上，将Jquery Dialog应用于包含所见即所得的div。别忘了一个提交按钮。

顺便提个醒--几个月前，我在与面向客户的站点的WYSIWYG编辑器打交道时遇到了一些令人头疼的问题。似乎单击“从WORD粘贴”按钮是一项非常困难的任务。Word-pasted代码可能会对网站造成严重破坏，使数据库中的文本字段溢出。我在他们的demo上试了一下(它也不支持基于webkit的浏览器)，结果不是很好。我发现解决这个问题的唯一两个选择是在后端清理代码，或者使用CKEditor。我选择了后者，因为它太简单了。看看CK，它是一段很棒的免费代码。