标签: tinymce-4

嗨,因为新版本即将发布我想我会下载它,看看我的主题是否仍然有用.

除了现在更长时间显示的下拉框之外,一切都很好.

以下是我们在以前版本中用于显示的代码.

PHP代码:

function register_ppp_shortcodes( $buttons ) {
   array_unshift( $buttons, "Shortcodes" );
   return $buttons;
}

function add_ppp_shortcodes( $plugin_array ) {
   $plugin_array['Shortcodes'] = get_template_directory_uri() . '/js/Shortcodes_js.js';
   return $plugin_array;
}

function ppp_shortcodes() {

   if ( ! current_user_can('edit_posts') && ! current_user_can('edit_pages') ) {
      return;
   }

   if ( get_user_option('rich_editing') == 'true' ) {
      add_filter( 'mce_external_plugins', 'add_ppp_shortcodes' );
      add_filter( 'mce_buttons', 'register_ppp_shortcodes' );
   }

}

add_action('init', 'ppp_shortcodes');

JS代码:

/*global tinyMCE, tinymce*/
/*jshint forin:true, noarg:true, noempty:true, eqeqeq:true, bitwise:true, strict:true, undef:true, unused:true, curly:true, browser:true, devel:true, maxerr:50 */ …

我有一个包含一个tinymce4编辑器实例的页面.我想用编程方式用一些内容初始化这个编辑器.我知道我必须打电话:tinymce.get('editor').setContent('my content');

但是,当tinymce初始化时,我很难做到这一点.这个问题已经被提出:用默认内容初始化tinyMCE,但当时给出的答案不起作用,至少对于tinymce4.

这是我尝试过的:

第一次尝试:

    tinymce.init({
      mode: "textareas",
      ...
      setup: function (editor) {
         ...
         editor.setContent('my content');
      }
   });

- >未捕获的TypeError:无法读取未定义的属性"body"

第二次尝试:

    tinymce.init({
      mode: "textareas",
      ...
    };
    tinymce.get('editor').setContent('my content');

- > Uncaught TypeError:无法读取null的属性'setContent'(但是如果我在加载了包含tinymce编辑器的页面时执行此操作,则可以正常工作).

第3次尝试(SO 12083361答案):

$(document).ready(function(){
    tinymce.get('editor').setContent('my content');
});

- > Uncaught TypeError:无法读取null的属性'setContent'

所有这一切都失败了tinymce.activeeditor.setContent('my content');.

我应该tinymce.get('editor').setContent('my content');在哪里放置代码才能使其正常工作？

Joomla版本: Joomla!3.3.6稳定[Ember] 01-October-2014 02:00 GMT

我想在我的文章中添加js脚本.我正在使用TinyMCE编辑器来编辑文章.

在TinyMCE插件字段Prohibited Elements中我填充了虚拟文本,现在它包含"cms123",我删除了"script,applet,iframe".

我检查全局配置 - > 文本过滤器为超级用户我已经设置为"无过滤".

但是当我试图用js代码保存我的文章时,joomla <script>从我的文章中删除了我的标签,我也检查过<iframe>,joomla用标签替换了这个<i-frame>标签......我真的很困惑,我无法理解什么是错的.

有谁能够帮我？

谢谢.

有没有人看到一种方法来使TinyMCE 4字体大小下拉提供px而不是pt的字体大小？

谢谢

我正在尝试仅使用嵌入式代码来显示视频并禁用来自tinymce媒体插件的视频上传选项.所以我需要隐藏媒体对话框中的"常规"选项卡.我看到一个类似的问题在tinymce也被问到但是没有答案.是否有人这样做过？

我正在使用javascript扩展云托管的LMS.因此,我们可以向页面添加javascript,但不能修改不同组件的供应商javascript.

LMS经常使用tinyMCE.目标是在每个tinyMCE编辑器的工具栏上添加一个新按钮.

问题是,由于tinyMCE模块是在供应商的不可触摸的代码中初始化的,我们无法修改init()调用.因此,我们无法将任何文本添加到init()对象的"toolbar"属性中.

所以我以适度的hacky方式完成了这个:

tinyMCE.on('AddEditor', function(e){
  e.editor.on('init', function(){
    tinyMCE.ui.Factory.create({
      type: 'button',
      icon: 'icon'
    }).on('click', function(){
      // button pressing logic
    })
    .renderTo($(e.editor.editorContainer).find('.mce-container-body .mce-toolbar:last .mce-btn-group > div')[0])
  });
});

所以这是有效的,但不用说,我不太愿意在DOM中寻找像插入按钮那样的特定位置.虽然这有效,但我不认为创作者的意图是这样使用它.

如果我们无法修改初始化代码,是否有正确的方法将按钮添加到工具栏中？

在JS(使用JQuery 1.11.1和几个JQuery插件,如form和ui)下使用TinyMCE 4.1.5.我使用的TinyMCE版本不是嵌入式JQuery的版本.

编辑器很好,我可以直接输入它而没有问题.仅使用tinymce提供的插件,使用按钮或非文本字段控件的所有功能都可以正常工作.

但是,插件中的文本字段(例如链接或插入视频)不允许我键入字段或选择其他文本字段(因此它似乎是一个焦点问题).

http://fiddle.tinymce.com/bzeaab/16上有一个小提琴,这里是应用程序中更具体的初始化代码:

var _clear_css_cache;
_clear_css_cache = '/javascripts/canonical/tinymce/skins/lightgray/' +
                   'content.min.css?' +
                   new Date().getTime();

var _toolbar_1, _toolbar_2;
_toolbar_1 = 'formatselect, |, ' +
             'bold, italic, underline, strikethrough, ' +
                'subscript, superscript, |,' +
             'outdent, indent, blockquote, |,' +
             'alignleft, aligncenter, alignright, alignjustify';

_toolbar_2 = 'bullist, numlist, table, charmap, emoticons |,' +
             'link, unlink, |,' +
             'image, media, |,' +
             'code, preview |,' +
             'pasteword, print |,' +
             'undo, redo,';

var _contextmenu;
_contextmenu = 'link image inserttable | …

删除格式的TinyMCE 4按钮是 ,这对我来说当然不直观.我想让按钮面对更明显的东西,比如说通过,说给它分配一个图像.但我找不到任何改变按钮面的方法.分配给按钮的标记是

.

我不确定按钮上的Tx符号是如何获得的,但确实如此.

谢谢你的帮助.

我正在将 Wiris 与 Tinymce 一起使用。按照INSTALLATION INSTRUCTIONS: WIRIS PLUGIN FOR TINYMCE 中 的教程，我无法完成第 4 步。

每次我加载插件 tiny_mce_wiris_formulaEditor、tiny_mce_wiris_formulaEditorChemistry 和 tiny_mce_wiris_CAS 时，Tinymce 文本编辑器不再出现。

这是我的代码示例

<script src="{{asset('assets/js/tinymce/plugins/tiny_mce_wiris/editor_plugin.js')}}"></script>

<script src="{{asset('assets/js/tinymce/tinymce.min.js')}}"></script>

<script>
    tinymce.init({
        selector: 'textarea',
        plugins: "image imagetools tiny_mce_wiris_formulaEditor tiny_mce_wiris_formulaEditorChemistry tiny_mce_wiris_CAS"
});
</script>

我想知道正确的方法。

这是我在 javascript 控制台中遇到的错误

"NetworkError: 404 Not Found - .../assets/js/tinymce/plugins/tiny_mce_wiris_formulaEditor/plugin.min.js"

"NetworkError: 404 Not Found - .../assets/js/tinymce/plugins/tiny_mce_wiris_CAS/plugin.min.js"

"NetworkError: 404 Not Found - .../assets/js/tinymce/plugins/tiny_mce_wiris_formulaEditorChemistry/plugin.min.js"

我想在上传图像时将 TinyMCE 生成的 img-tags 更改为响应式同上，如下所示（使用lazysizes）：

<img
    data-sizes="auto"
    data-src="image2.jpg"
    data-srcset="image1.jpg 300w,
                 image2.jpg 600w,
                 image3.jpg 900w"
    class="lazyload" />

在已弃用（对我来说没有用）的 MCImageManager 中，您可以这样做：

imagemanager_insert_template : '<img src="{$url}" />'

TinyMCE中有类似的东西吗？是在核心还是在一些（免费）插件中？我可以完全控制上传图像的后端，并且我已经在那里调整大小（使用ImageSharp）。