[JSF]VWP中使用“eWebEditor”

最新推荐文章于 2024-09-25 14:23:07 发布

原创最新推荐文章于 2024-09-25 14:23:07 发布 · 389 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何将eWebEditor这款强大的在线HTML编辑器整合到VWP项目中，并分享了具体的代码实现过程及注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

——eWebEditor是eWebSoft.com旗下eWeb团队开发的基于网页的、所见即所得的在线HTML编辑器。她能够在网页上实现许多桌面编辑软件（如：Word）所具有的强大可视编辑功能；她是一个真正的绿色软件，不需要在计算机上安装任何的客户端软件；她的易用使得WEB开发人员只要一行代码即可完成调用。

现在您使用的是eWebSoft在线文本编辑器飞鱼修改版。

这个东西虽然界面不是很好看，但是功能齐全。难得再去哪里找一个编辑器了，用这个作为网页录入的接口挺方便的。把eWebEditor整合到VWP中，就是我的目标。刚刚弄好，看了“eWebEditor”的index.jsp就自己改改，整合进去。其实也比较简单：

<ui:form binding="#{AddLog.form1}" id="form1">
<ui:inputHidden binding="#{AddLog.content1}" id="content1" value="默认显示内容"/>
<ui:iframe url="http://localhost:8889/edit/eWebEditor.jsp?id=form1:content1" />

<ui:button action="#{AddLog.ok_button_action}" binding="#{AddLog.ok_button}" escape="false" id="ok_button" text="录入"/>

<ui:form>

<ui:inputHidden>中绑定 “eWebEditor”表单里的值就行了。不过，由于VWP的原因，<ui:inputHidden>嵌套在<ui:form>里面，id会变成"form1:content1"，所以<ui:iframe >的url值改为url="http://localhost:8889/edit/eWebEditor.jsp?id=form1:content1" 此处注意。

今天是在办公室第一晚，状态不错

---------------------

注：9月13日补充

提交的组件<ui:button>中要 escape="false" 否则不能提交！！！（搞了我半天提交不成功~~~）