TinyMCE 中的 Google +1 自定义标签答案

【问题标题】：Google +1 custom tag in TinyMCETinyMCE 中的 Google +1 自定义标签
【发布时间】：2011-09-06 13:55:24
【问题描述】：

我正在尝试使用 TinyMCE 添加以下自定义元素...

<g:plusone size="small" callback="plusone_vote"></g:plusone>

我已将 g:plusone 添加到 extended_valid_elements（具有两个属性）和自定义元素，但是当我在代码视图窗口上单击更新时，它仍然会被删除。 TinyMCE init 现在看起来像这样..

        tinyMCESettings = {
            mode: "textareas",
            theme: "advanced",
            editor_deselector: "nomce",
            plugins: "paste,iespell,table,style",
            extended_valid_elements: "g:plusone[size|callback],script[type|src|defer|charset]",
            custom_elements: "g:plusone,~g:plusone",
            valid_children: "+p[g:plusone]",
            entity_encoding: "raw",
            convert_urls: false,
            content_css: "{/literal}{$tinyMCEcss}{literal}",
            setup: function(ed) {
                ed.onSaveContent.add( tinyMCE_GWO_Decode );
                ed.onBeforeSetContent.add( tinyMCE_GWO_Encode );
                ed.onGetContent.add( tinyMCE_GWO_Decode );
            }
        };

大家有什么建议吗？

【问题讨论】：

标签： tinymce google-plus-one

【解决方案1】：

查看 valid_children 设置。您可能需要将您的标签添加为有效的孩子。

更新：将您的 extended_valid_elements 设置修改为

extended_valid_elements: "g:plusone",

这有效（至少在我的 tinymce 编辑器中）

【讨论】：

这似乎有效，但只有当我将内容放在打开和关闭标签之间时。我可以处理这个。