Questions tagged «tinymce»

TinyMCE是基于平台的基于Web的Javascript HTML WYSIWYG编辑器控件,在LGPL下以开源形式发布。TinyMCE能够将HTML TEXTAREA字段或其他HTML元素转换为编辑器实例。



1
在WP 4.5可视编辑器中添加自定义文本模式
4.5已经发布,有了新的文本模式。我想知道如何添加自己的自定义模式。 看一看wp-includes/js/tinymce/plugins/wptextpattern/plugin.js似乎很简单。 var spacePatterns = [ { regExp: /^[*-]\s/, cmd: 'InsertUnorderedList' }, { regExp: /^1[.)]\s/, cmd: 'InsertOrderedList' } ]; var enterPatterns = [ { start: '##', format: 'h2' }, { start: '###', format: 'h3' }, { start: '####', format: 'h4' }, { start: '#####', format: 'h5' }, { start: '######', …

4
如何在前端包含TinyMCE编辑器?
我试图在我的前端中添加TinyMCE编辑器,用户可以在其中发布但到目前为止还算不上运气。这是代码: PHP: add_action('wp_print_scripts', 'my_enqueue_scripts'); function my_enqueue_scripts() { wp_enqueue_script( 'tiny_mce' ); if (function_exists('wp_tiny_mce')) wp_tiny_mce(); } Javascript: jQuery(document).ready(function(){ tinyMCE.init({ mode : "textareas", theme : "simple", /*plugins : "autolink, lists, spellchecker, style, layer, table, advhr, advimage, advlink, emotions, iespell, inlinepopups, insertdatetime, preview, media, searchreplace, print, contextmenu, paste, directionality, fullscreen, noneditable, visualchars, nonbreaking, xhtmlxtras, …

7
额外的TinyMCE编辑器带<p>和<br>标签吗?
大家好,我已经将TinyMCE添加到了自定义元框中显示的一些文本区域。除编辑器不会保存&lt;p&gt;或&lt;br/&gt;标记外,所有格式都可以正常工作。它不会保留换行符。 TinyMCE的设置如下: wp_tiny_mce(true, array('editor_selector' =&gt; $field['class'] ) ); '&lt;textarea name="', $field['id'], '" class="', $field['class'], '" id="', $field['id'], '" cols="60" rows="8" style="width:97%"&gt;', $meta ? esc_html($meta) : $field['std'], '&lt;/textarea&gt;'; 而且一切正常。除&lt;P&gt;和&lt;BR&gt;标记外,所有格式化按钮都可以正常工作。 我不确定编辑器是在保存帖子元之前还是之后删除它们。 有想法吗?

3
在Visual和HTML选项卡之间自由切换
因此,以不同的旗号多次提出了这个问题,但是我想提出一个统一的思路,以最终解决该问题。 在WordPress中,默认情况下,当在TinyMCE中的HTML和Visual编辑器之间来回切换时,某些标签会从内容中剥离出来,并且会发生其他奇怪的功能。编写更有效的HTML代码的两种已知解决方法是使用使用过滤器删除wp_auto_p函数,以及安装TinyMCE Advanced并启用“停止删除p&br标签”选项。 不幸的是,这只做得很好。 以下面的示例为例: &lt;h2&gt;How does it work?&lt;/h2&gt; &lt;p&gt;In order to use jQuery Easy Columns, you must install it as you would any other jQuery plugin. First, download the zip file using the button above. After downloading the file, extract it to a location of your choice, and move …


3
TinyMCE:将CSS添加到格式下拉列表
我使用add_editor_style()成功添加了TinyMCE样式表,以便可以在TinyMCE编辑器的主体中预览样式。 但是,我是否假设add_editor_style()函数只能访问编辑器主体的样式? 如果是这样,还有其他方法或函数可以用来访问TinyMCE Format下拉菜单的样式吗?
20 css  tinymce 

4
使用自定义tinyMCE按钮创建wp_editor实例
有没有一种wp_editor()使用自定义tinyMCE按钮进行定义的方法? 我注意到wp_editor函数参考提到其中一个$settings参数可以是tinymce (array) (optional) Load TinyMCE, can be used to pass settings directly to TinyMCE using an array()。 我的页面使用了许多不同的实例,我想向某些实例添加某些按钮。 例如, Instance #1 : Standard buttons Instance #2 : bold, italic, ul + (custom) pH, temp Instance #3 : bold, italic, ul + (custom) min_size, max_size 如果我已经按照本教程将按钮注册为tinyMCE插件,谁知道我会怎么做? 编辑 这是我在插件文件中使用的代码以使其正常工作: function add_SF_buttons() …


5
如何在TinyMCE中添加自定义CSS(主题选项)?
我试图将自定义CSS(通过主题选项设置)添加到WordPress中的TinyMCE可视编辑器。在前端,主题生成此CSS并将其输出到wp_head钩子上。我遇到的问题是能够将CSS输出添加到编辑器中。 不能这样做,add_editor_style( 'editor-style.css' )因为我们需要使用PHP来访问主题选项。 作为其如何在前端工作的示例: add_action( 'wp_head', 'my_custom_colors' ); function my_custom_colors() { $color_1 = get_theme_mod( 'color_1', 'cc4a00' ); echo "&lt;style type='text/css'&gt;a { color: #{$color_1}; }"; } 我需要一种将自定义样式添加到可视化编辑器中的方法。任何帮助将不胜感激。
14 tinymce 

6
WordPress会自动添加“&nbsp;”吗?
我不确定是wordpress本身还是正在做的Tiny MCE。但是,当在HTML和Visual编辑器之间切换时,它会添加&amp;nbsp;,并且每次我来回切换时都会添加一个额外的内容。我什至没有代码中的换行符,似乎在某种程度上决定了它要基于我的html代码中的标记来放置它们。 是什么原因造成的,我该如何解决? 我已经在模板功能文件中尝试过此操作: //disable auto p remove_filter ('the_content', 'wpautop'); remove_filter ('comment_text', 'wpautop'); // Remove auto formatting remove_filter('the_content', 'wptexturize'); remove_filter('comment_text', 'wptexturize'); remove_filter('the_title', 'wptexturize');
12 tinymce 

6
从TinyMCE中删除HTML编辑器和视觉/ HTML选项卡
是否可以从中删除Visual\ HTML选项卡wp_editor并仅显示TinyMCE编辑器? 基本上,现在,我正在使用wp_editor显示最小的TinyMCE编辑器-只需一个按钮,斜体。 我想做的是通过删除Visual\ HTML选项卡来使其更小。我们的作者将永远不需要HTML编辑器,而我正在创建的自定义按钮只能从可视编辑器中访问。 注意:由于此处的原因,我不能使用的teeny参数wp_editor。 提前致谢,

1
将自动关闭的简码按钮添加到WP 4.6中的TinyMCE
我熟悉创建自动关闭的短代码,例如: // shortcode function wpse_shortcode_example( $wpse_atts ) { // Attributes $wpse_atts = shortcode_atts( array( 'foo' =&gt; 'bar', 'width' =&gt; '100%', 'height' =&gt; 'auto', ), $wpse_atts, 'wpse' ); // Return return '&lt;embed src="' . $wpse_atts['src'] . '" width="' . $wpse_atts['width'] . '" height="' . $wpse_atts['height'] . '"; } add_shortcode( 'wpse', 'wpse_shortcode_example' …

1
如何在自定义弹出tinymce窗口中添加“插入/编辑链接”按钮?
我需要在文章的正文中插入一些文本,将其包装在带有自定义类的某些div标记中,从而变成“侧面标记”。 我在tinymce中创建了一个自定义按钮,该按钮会弹出一个带有文本字段的新窗口。您编写文本,然后单击OK,它将添加begin和endig div标签并将其插入到光标所在的wp编辑器中。 这是代码: (function () { tinymce.PluginManager.add('custom_mce_button2', function(editor, url) { editor.addButton('custom_mce_button2', { icon: false, text: 'Side Tag', onclick: function (e) { editor.windowManager.open( { title: 'Insert a Sidetag', body: [{ type: 'textbox', name: 'title', placeholder: 'Type the side tag content here.', multiline: true, minWidth: 700, minHeight: 50, }, { type: …

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.