5

EPiServer のみ:

私たちのクライアントは、TinyMCE エディターでカスタム属性を div タグに追加しようとしています。彼らは HTML モードに切り替え、変更を加えてページを保存します。次に、属性が削除されます。このような HTML のウォッシュは TinyMCE の標準的な動作であり、カスタム タグ属性を許可するように構成することができます。

私の質問は、カスタム HTML 属性を許可するように EPiServerでTinyMCE を構成するにはどうすればよいですか? TinyMCE の初期化にどこで接続できるかわかりません。また、epipserver.config の「安全な」タグのリストに div を追加しても機能しないことがわかります (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

4

4 に答える 4

10

私はこのクラスを持っています

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] に変更しても同じように動作するはずです。

于 2012-07-09T16:28:54.993 に答える
2

次の 2 つのオプションがあります。

初め

[TinyMCEPluginNonVisual(EditorInitConfigurationOptions = "{ extended_valid_elements: 'div[title|data-test]' }")]

div タグで許可titleされます。data-test

div[*]div タグのすべての属性を許可します。

2番

  • TinyMCE プラグインを IDynamicConfigurationOptions から継承させる

  • 次のような関数を実装します。

    public IDictionary<string, object> GetConfigurationOptions(){
    var customSettings = new Dictionary<string, object>();
    customSettings.Add("extended_valid_elements", "div[*]");
    return customSettings;
}

.config ファイルで何も構成する必要はありません (EPiServer のデフォルト値で、すべて問題ありません)。

于 2013-04-10T02:29:01.877 に答える
0

以下は私のために働いた：

[TinyMCEPluginNonVisual(AlwaysEnabled = true, EditorInitConfigurationOptions = "{ extended_valid_elements: 'div[*]' }", PlugInName = "ExtendedValidElements", ServerSideOnly = true)]
public class TinyMceExtendedValidElements
{
}

構成に変更はありません。

于 2015-11-19T15:17:31.980 に答える