Questions tagged «tinymce»

我在自定义选项页面上有一个“中继器”样式字段组。有一个处于隐藏状态的活动可视编辑器，当用户单击“添加新”时，整个行将被克隆。然后，我需要在克隆行中初始化可视编辑器。我的代码： $('.repeater-add-new').click(function(event) { event.preventDefault(); var target = $(this).data('repeater'); $( '#' + target).find('.repeater-row:not(.clone) .repeater-content.in').collapse(); var newRow = $( '#' + target + ' .repeater-row.clone' ).clone().appendTo( '#' + target + ' .repeater-row-wrapper' ).removeClass('clone'); rebuildIndex(target); // Initialize editors if needed newRow.find('.wp-editor-wrap').each(function(index, el) { var ed_id = $(this).find('textarea').attr('id'); tinymce.init(tinyMCEPreInit.mceInit[ed_id]); tinymce.execCommand('mceAddEditor', false, ed_id); quicktags({id : …

11 ajax  tinymce  editor 

editor-style.css当我手动更改TinyMCE编辑器的样式表时，有没有一种方法可以强制刷新？修改不会立即显示，但是它们将被缓存在管理后端的管理端。 例如这样： editor-style.css?ver=3393201

11 css  tinymce  editor  cache  visual-editor 

我正在寻找有关如何使用TinyMce按钮创建弹出窗口的良好教程，该按钮将允许用户从多个选项中进行选择，将文本输入到输入中，等等。我知道如何创建显示单个提示窗口的按钮，仅此而已，我已经搜索了几个小时。 有人知道一些链接吗？ 谢谢！

11 tinymce  visual-editor  buttons 

在WP 3.9之前，我在function.php中应用了以下两个过滤器： function my_mce_buttons_2( $buttons ) { array_unshift( $buttons, 'styleselect' ); return $buttons; } add_filter('mce_buttons_2', 'my_mce_buttons_2'); function mce_mod( $init ) { $init['theme_advanced_blockformats'] = 'p,h3,h4'; $init['theme_advanced_styles'] = "Header gross=mus-bi news-single-bighead; Header klein=mus-bi news-single-smallhead; Link=news-single-link; List Items=news-single-list"; return $init; } add_filter('tiny_mce_before_init', 'mce_mod'); 因此，段落格式下拉列表仅显示p，h3和h4，而自定义样式下拉列表显示“ Header gross”，“ Header klein”等。但是不幸的是，wp和tinymce从wp 3.9开始就不再麻烦了，我现在仅看到标准段落格式的下拉列表 以及标准样式格式下拉列表： 到目前为止，我还没有找到关于文档更新到tinymce 4时是否有任何钩子的文档。有人知道吗？最好的问候拉尔夫 更新：基于更多的研究和下面的评论，我想我已经知道了： …

10 tinymce 

我正在通过XMLRPC将Word生成的HTML发布到WordPress。在转到post.php之前，该格式已正确保存在数据库中。TinyMCE发挥了魔力，我失去了很多格式化细节。 我看到的主要问题<span>是剥离了带有围绕其他元素的样式信息的标签。我已经证实这些标签确实是由TinyMCE而非Kses删除的。有没有办法防止TinyMCE更改HTML？我努力了 add_filter('tiny_mce_before_init', 'tinymce_init'); function tinymce_init( $init ) { $init['extended_valid_elements'] .= ', span[style|id|nam|class|lang]'; $init['verify_html'] = false; return $init; } 这没有帮助。根据TinyMCE 文档，“ verify_html” 此选项启用或禁用元素清除功能。如果将此选项设置为false，则将跳过所有元素清除，但仍将执行其他清除功能，例如URL转换。

10 tinymce 

这几乎与以下内容完全相同：如何使Wordpress和TinyMCE接受<a>标签，这些标签包装HTML5中允许的块级元素？和HTML5，WordPress和Tiny MCE问题-在div周围包裹锚定标记会导致输出时髦 我的问题是建议的解决方案（tiny_mce_before_init过滤器）似乎无法解决我的问题。我有看起来像这样的HTML： <a href="#"> <img src="path/to/file.jpg" /> <p>Some amazing descriptive text</p> </a> 在HTML5中是完全合法的。但是，WP编辑器不喜欢它，并将其转换为： <a href="#"> <img src="path/to/file.jpg" /> </a> <p>Some amazing descriptive text</p> 当然，这破坏了我的布局。有谁知道我可以防止这种行为的方法？我不能放弃编辑器的Visual组件并坚持纯文本。欢迎任何建议。 清楚一点，当我使用下面的代码（在此处建议）时，<p>标记允许保留在锚点内，但是会添加大量额外的空间以及一个 实体，该实体每次在可视和文本模式之间切换时都会成倍增加。 add_filter('tiny_mce_before_init', 'modify_valid_children'); function modify_valid_children($settings){ $settings['valid_children']="+a[div|p|ul|ol|li|h1|h2|h3|h4|h5|h5|h6]"; return $settings; }

9 tinymce  visual-editor  html5 

您可以将可视化编辑器添加到自定义分类法的描述字段中吗？当您编辑分类法的条目（核心或自定义）时，最好具有此选项。

9 custom-taxonomy  taxonomy  tinymce  visual-editor 

WordPress 3.9即将面世，它带来了TinyMCE 4.0。我正在通过一些测试运行我的插件和功能，发现我的功能之一似乎已损坏/无法与新的tinyMCE一起使用 function myformatTinyMCE( $in ) { $in['theme_advanced_buttons1'] = 'bold'; $in['theme_advanced_buttons2'] = 'formatselect'; $in['wordpress_adv_hidden'] = false; return $in; } add_filter( 'tiny_mce_before_init', 'myformatTinyMCE' ); 上面的函数用于将tinyMCE中的按钮限制为特定的按钮，我对其进行了一些简化以使其易于测试。如果我打印出来，$in它会在正确的位置显示正确的值，但是当我实际加载页面时，它只是默认的普通按钮。 我还尝试在TinyMCE Codex中使用该示例，该示例似乎也没有任何作用。 我正在使用WordPress Beta Tester插件，并且确实安装了TinyMCE Advanced但已禁用。 使用新的TinyMCE，我如何继续使用/自定义，并且与以前的TinyMCE版本相比，是否有任何“陷阱”？ 编辑 似乎$in['wordpress_adv_hidden'] = false;不再使用-不知道如何取消隐藏厨房水槽。

9 filters  tinymce  editor 

是的，我已经找到了与此主题相关的其他问题，但没有一个完全相同的主题，也没有解决我的问题的方法。 如果在html选项卡中包含代码，然后切换到可视模式，然后将WP格式的代码格式化为一个块，删除所有中断并保留行，请参见屏幕截图。我认为这很容易理解为我的英语不好。 我在html-tab中的示例 切换到视觉后的相同示例 我的解决方案测试。我已经使用跟随测试插件对此进行了测试以停止WP，在此Gist 1663554中也可读 add_filter( 'tiny_mce_before_init', 'fb_tinymce', 9 ); function fb_tinymce( $init ) { $init['fix_list_elements'] = FALSE; $init['wpautop'] = FALSE; $init['remove_linebreaks'] = FALSE; $init['apply_source_formatting'] = TRUE; $init['extended_valid_elements'] .= ',pre[*],code[*]'; return $init; } 也许其他读者对此主题有解决方案。

9 filters  tinymce  editor  wp-autop 

在WP 3.2中，WordPress可能具有一项新功能，可以将Link-Quicktags添加到编辑器中。但是我发现了一个为链接按钮设置默认值的函数： 看一下wplink.js第278行。 setDefaultValues : function() { // Set URL and description to defaults. // Leave the new tab setting as-is. inputs.url.val( 'http://' ); inputs.title.val( '' ); // Update save prompt. inputs.submit.val( wpLinkL10n.save ); }, 如何为自定义值设置值？ 这可能吗，您能帮我吗？ 感谢JavaScript专家的回答。

9 wp-admin  tinymce  editor  quicktag 

当我使用WordPress HTML编辑器添加icomoon图标时，如下所示： <span class="icon-shield"></span> 然后切换到视觉编辑器，然后再回到HTML编辑器，图标消失。我正在尝试包含此Javascript来解决此问题。我查看了wp_enqueue_scripts并将其放在functions.php中，但仍然无法解决问题。 function oakwood_tinymcefix() { wp_enqueue_script( 'tiny_mce' ); echo '<script type="text/javascript">' , 'tinymce.init({ ... extended_valid_elements : "img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]" });' , '</script>'; } add_action( 'admin_enqueue_scripts', 'oakwood_tinymcefix' ); 我怎样才能解决这个问题？

8 php  javascript  tinymce  visual-editor  html-editor 

自WP 3.5起，我就在functions.php中使用了以下脚本 它将标准类别描述编辑器转换为RTF编辑器。不幸的是，在将站点升级到WP 3.9之后，描述编辑器又回到了标准文本区域。 有什么想法需要更改3.9吗？ add_action('load-categories.php', 'cb_admin_init'); add_action('load-edit-tags.php', 'cb_admin_init'); function cb_admin_init() { if ( user_can_richedit() && isset($_GET['action']) && 'edit' === $_GET['action'] && ( !empty($_GET['cat_ID']) || ( !empty($_GET['taxonomy']) && !empty($_GET['tag_ID']) ) ) ){ add_filter( 'tiny_mce_before_init', 'cb_mceinit'); add_action('admin_footer', 'wp_tiny_mce'); add_action('admin_head', 'cb_head'); } } function cb_mceinit($init) { $init['mode'] = 'exact'; $init['editor_selector'] = 'description'; …

8 categories  tinymce 

我试图隐藏上载到帖子内容区域的图像的“对齐方式”单选按钮，但无法弄清楚如何向“图像编辑器”对话框中添加自定义CSS或JS文件。 我已经成功地将过滤器添加到tiny_mce_before_init操作钩中，以从TinyMCE文本编辑器中删除对齐按钮，但是不确定如何使用图像编辑器执行相同的操作。 我已经尝试了jQuery hack，但似乎并不需要： $('.mceWrapper iframe').load( function() { $(this).contents().find('tr.align').hide(); });

8 images  jquery  tinymce  editor 

我不确定为什么无法找到它，但是有人知道如何获取TinyMCE编辑器的输入吗？我在前端使用它，希望能够将用户在TinyMCE中键入的任何内容保存到数据库中，但找不到找到该价值的最佳方法。 我已成功实施的两个解决方案是： tinyMCE.activeEditor.getContent(); -这个似乎只能获得可视化编辑器的价值，因此，如果我在HTML编辑器中进行更改然后保存，则不会被接受。 $('#html_text_area_id').val(); -这是相反的，它似乎只能获取HTML编辑器的值。 我知道有更好的方法-我似乎找不到它... ps是的，我将实施安全措施以确保人们不会炸毁数据库。

8 tinymce  wp-editor 

我试图将一个或两个自定义按钮添加到TinyMCE RTF编辑器中。到目前为止，我看过的教程已经过时，或者说明了如何使用自定义插件进行操作。我如何在不创建插件的情况下（functions.php而不是在文件中）执行此操作？具体来说，我想添加一个“ h2”按钮，该按钮将添加<h2></h2>到正文中。

8 customization  tinymce  buttons