动态编辑器上传到网页。需要建议

时间:2010-04-08 04:09:49

标签: javascript html ajax

我正在编写Intranet网站,用于跟踪组织中的员工科学活动。 每个个人页面上有很多可编辑的信息(科学学位,出版物等等),所以我按照请求上传编辑器(用户点击“编辑”和html编辑器的模态对话框:文本框/组合框/自动完成功能和验证逻辑集出现)。

编辑器是html布局,它包含 jquery对话框插件+一些逻辑,编写为应该从被调用者页面调用的javascript函数(onsubmit,validate,afterLoad编辑器事件)。还有一些属性(编辑器可以使用和高度)也传递给被调用者页面。

目前我发送这些功能& attribute as ... function onsubmit(){}; function validate(){} var width = 640; var height = 800 ...嵌入到请求页面中的代码。函数调用和编辑器标记换行,在被调用者页面中完成jquery插件。

它有效,但我在callee页面中有一些try {call editor事件处理程序} catch {}东西(因为不是每个编辑器都提供这些函数)和一些作为变量加载的属性(例如编辑器宽度和高度)在javascript中声明。

请建议,有没有更好的方法来建立和我的情况使用自定义编辑器。

提前谢谢!

1 个答案:

答案 0 :(得分:1)

首先,也许您可​​以使用CKEditor。这个编辑器有一个jQuery适配器,因此你可以很容易地实例化编辑器:

$('#editor1').ckeditor({
                language : 'en',
                toolbar : 'Basic',
                width : 640,
                height : 800
              });

您将所有需要的信息传递到编辑页面加载到被调用者页面,然后加载编辑器:
用户点击编辑链接 - > Ajax请求获取必要的编辑信息 - >编辑器渲染 也许你可以编写不同的编辑器渲染器,每个用例一个。