编辑环境中的HTML创作
时间:2020-03-06 14:55:31 来源:igfitidea点击:
最近,我通过发送给我的各种word和excel文件生成了基于HTML / CSS / Javascript的报告,我正在尝试找出将来如何做得更好的方法,理想情况下,使办公室中的非技术用户可以执行许多任务目前交给我。
有各种各样的HTML编辑器,但是显然没有一个人擅长于执行此类任务。例如,文档中的大多数表都是通过一个thickbox(jQuery插件)显示的。除了表之外,这还要求我将它们包含在具有各种id和class属性的div中,然后在页面顶部创建一个链接,如下所示:
<a href="#TB_inline?height=300&width=700&inlineId=tbtable2" class="thickbox tablelink" title="Municipal Operating Expenditure (A$m)">Municipal Operating Expenditure</a>
我需要一个解决方案,该方案将对我的模板进行仔细的处理,具有一个所见即所得的界面,而且还可以为这种事情提供简便的输入,而又不会使那些不懂HTML知识的办公室的人感到烦恼,最好是使它们完全远离代码。
解决方案
我们是否尝试过FCKEditor。它非常流行,并在许多博客,Wiki和CMS中使用。它可以产生非常干净的HTML,并且高度可定制。
像这里一样,让他们使用Markdown,然后将渲染的HTML插入模板中。
我们不能为非技术用户提供如此复杂的HTML模板,并希望他们不会破坏它。没有HTML编辑器可以对比元素上的类属性更复杂的结构强制执行此类规则。
这种情况要求使用XML:我们需要将内容和表示分开。
我们应该定义XML样式来描述报告。然后编写一个XSLT,它将<thickbox /> XML元素转换为我们上面描述的HTML结构。
为了允许非技术用户执行某些任务,可以使用Xopus使XML可编辑(演示)。我们可以从OOXML进行初始转换,也可以使用Xopus中的复制/粘贴功能允许他们从Excel复制内容并将其自动转换为<thickbox />元素。