在EPiServer中的TinyMCE中允许自定义HTML属性

Question

仅限EPiServer:

我们的客户正在尝试在TinyMCE编辑器中为div标签添加自定义属性 - 它们切换到HTML模式,进行更改并保存页面.然后删除属性.像这样清洗HTML是TinyMCE的标准行为,并且可以将其配置为允许自定义标记属性.

我的问题是如何在EPiServer中配置TinyMCE 以允许自定义HTML属性？我没有看到我能够在哪里挂钩TinyMCE的初始化.并且将div添加到episerver.config中的"安全"标记列表中也看不到任何工作(请参阅uiSafeHtmlTags).

例:

<div class="fb-like" data-href="http://oursite" data-send="false"></div>

变得公正

<div class="fb-like"></div>

从TinyMCE文档中,了解如何向标记添加自定义属性:http://www.tinymce.com/wiki.php/Configuration: extended_valid_elements

Answer 1

我有这门课

using EPiServer.Editor.TinyMCE;

namespace SomeNamespace
{
    [TinyMCEPluginNonVisual(
        AlwaysEnabled = true, 
        EditorInitConfigurationOptions = "{ extended_valid_elements: 'iframe[src|frameborder=0|alt|title|width|height|align|name]' }")]
    public class ExtendedValidElements { }
}

这在episerver.config中:

<episerver>
....
<tinyMCE mergedConfigurationProperties="valid_elements, extended_valid_elements, invalid_elements, valid_child_elements" />
</episerver>

在最近的一个项目中.如果将iframe部分更改为div [data-href | data-send],它应该工作相同.

Answer 2

以下是此问题的一些有用链接

• http://www.kloojed.com/2010/05/customize-the-tiny-mce-editor-options-in-episerver-cms-6
• http://krompaco.nu/2010/05/alter-default-initoptions-for-tinymce-in-episerver-6/
• http://world.episerver.com/Modules/Forum/Pages/thread.aspx?id=45795