CMS WYSIWYG 编辑器 - 您使用什么技术来验证这些类型的页面？答案

【问题标题】：CMS WYSIWYG Editors - What techniques do you use to client-proof these types of pages?CMS WYSIWYG 编辑器 - 您使用什么技术来验证这些类型的页面？
【发布时间】：2012-10-05 21:34:38
【问题描述】：

这是一个可能被认为不一定“与编程相关”的话题；但是，我觉得这是因为我要求的是特定的技术。

基本上，作为一名 Web 开发人员，我使用各种平台，包括后端的 WYSIWYG 编辑器（TinyMCE、WYGWAM 等），此类系统的卖点之一是更容易管理您自己的内容源于这些工具。

从理论上讲，听起来不错，在实践中，没那么多。

使用所见即所得编辑器的许多高级功能，客户很容易破坏布局。他们可以开始浮动，设置过多的边距/填充等。

通常，我尝试构建任何这些类型的页面，只将一些合理的默认样式应用于一些最常见的标签，例如设置字体大小、颜色、一些边距和一些文本装饰。

我想知道是否有人使用更高级的东西来本质上转换以下输出：

$cms->getContent();

...或等效于被有效沙盒化的东西，并且完全不依赖任何其他正在使用的样式/布局元素。

我尽可能多地向客户表示，他们应该为 Dummies 购买一本 HTML/CSS 书籍并阅读它，这样当他们在所见即所得中单击“代码视图”时，他们就不会陷入困境。但我知道他们不会这样做，也不会雇佣任何有经验的人，这最终会让客户拥有比他们应该负责任的更多的控制权。

另外，如果您将他们的网站用作工作样本来向其他人展示他们知道他们有能力接受您的精美设计和开发并使其看起来像废话，这很糟糕。

【问题讨论】：

标签： magento content-management-system wysiwyg expressionengine prestashop

【解决方案1】：

一些事情：

我有一个标准的 WYGWAM 配置，我通过导入 exp_wygwam_configs 表在新网站上重复使用它。
我在编辑器中的选项非常有限
为图像划定的页面区域应使用文件字段，并使用 CE 图像等图像调整大小来确保大小合适
客户培训。如果需要，可以使用 Camtasia 或类似工具制作视频。
为 WYGWAM 使用具有一小部分样式的自定义样式表，因此他们可以选择 h2...h4，例如，但不能选择 h1 或 h5。

【讨论】：

【解决方案2】：

在遇到很多所见即所得编辑器的问题后（顺便说一句，它永远不会准确地反映你最终“得到”的东西），我现在更愿意在编辑器的配置中只保留最基本的格式化功能。例如，看看 stackoverflow 的编辑器。它具有以下功能：粗体、斜体、链接、引用、图片、列表和对齐方式。这里唯一的特殊功能是代码示例和 html，它们是针对该站点的受众的。您的大多数客户都不需要它们。

我认为这是最好的方法，因为如果您让您的客户感觉他们可以在页面中做任何他们想做的事情，但最终，当页面呈现时，这些内容会被过滤，他们将是真正的沮丧的。更不用说网站会因过滤过程而变慢，并且需要将过滤后的内容放入缓存中。

有时客户确实希望在页面中有一个特殊的布局，但我认为最好通过自定义 CMS 来满足客户的需求。

【讨论】：