标签: tinymce-4

在TinyMCE 3中,您可以theme_advanced_toolbar_location = 'external'在mce设置中使用,使class = mceExternalToolbar元素.

然而,似乎并没有TinyMCE 4的确切等价物.我错过了什么,或者是一个外部工具栏在向下滚动时粘到顶部,在TinyMCE 4中不容易实现？

我需要vspace,hspace或对齐图像,而不是在tinymce 3.x的advimage上找到.我尝试在tinymce 4.x上放置advimage插件但是错误.

我试着这一步

1. 我将advymmage文件夹插件从tinymcd 3.x复制到4.x.
2. 我被添加"img[!src|border:0|alt|title|width|height|style]a[name|href|target|title|onclick]"到extended_valid_elements选项.

我从本教程得到:

的advimage - 高级 - 图像插件

那一步还是不行......

我使用Responsive Filemanager v9.3与TinyMCE

我需要绝对的URL来插入图片网址或任何文件.但它返回相对路径.

我需要设置图像src,<img src="http://domain.com/files/slide.jpg">但它返回<img src="../files/slide.jpg">

我的配置:

$base_url= 'http://domain.com';
$upload_dir = '/files/';
$current_path = '../../files/';
$thumbs_base_path = '../thumbs/';

WP 3.9.1 TinyMCE 4.x

我在我网站的前端使用wp_editor().问题是当用户粘贴一些带有样式(粗体,颜色......)的内容时,它会出现在tinyMCE4编辑器中.

如何防止粘贴样式？我只想要粘贴文本.

这是代码:

首先,tiny_mce_before_init过滤器:

function mytheme_job_tinymce_settings( $in ) {

    $in['remove_linebreaks'] = true;
    $in['gecko_spellcheck'] = false;
    $in['keep_styles'] = false;
    $in['accessibility_focus'] = true;
    $in['tabfocus_elements'] = 'major-publishing-actions';
    $in['media_strict'] = false;
    $in['paste_remove_styles'] = true;
    $in['paste_remove_spans'] = true;
    $in['paste_strip_class_attributes'] = 'all';
    $in['paste_text_use_dialog'] = false;
    $in['wpeditimage_disable_captions'] = true;
    $in['plugins'] = 'tabfocus,paste';
    $in['wpautop'] = false;
    $in['apply_source_formatting'] = false;
    $in['toolbar1'] = 'bold,italic,underline,strikethrough,bullist,numlist,hr,alignleft,aligncenter,alignright,undo,redo ';
    $in['toolbar2'] = '';
    $in['toolbar3'] = '';
    $in['toolbar4'] = '';

    return $in;

}

add_filter( 'tiny_mce_before_init', 'mytheme_job_tinymce_settings' );

然后在前端(页面模板)中使用wp_editor():

wp_editor( stripslashes( $profile ) …

如何使用ui-tinymce的onchange事件？我正在使用以下代码，但无法正常工作

$scope.tinymceOptions = {
    onChange: function(e) {
        console.log('onchange:');
    },
    inline: true,
    menubar: false,
    toolbar: "bold italic underline styleselect",
    statusbar: false
};   

上面的代码正确还是我应该对其进行修改？我想对标签进行一些编辑时执行一些操作

如何将快捷方式Ctrl+添加Enter到tinyMCE (v4) 以使其发布与编辑器一起使用的表单？我试过这个，但似乎不起作用：

<script><!--
$('#txtField1').tinymce({
script_url:"js/tinymce/tinymce.min.js",
content_css:"css/editor.xxm",
//etc. all of my other config goes here
setup: function(e){
  e.shortcuts.add("ctrl+enter","submit",function(){document.form[0].submit();});}
});
//--></script>

我正在使用Tiny MCE 4在我的网站上发布用户.它工作得很好,但问题是,当用户将图像放入Tiny MCE并更改其大小时,它会生成以下行:

<img src="source/imagem.jpg?14641" alt="" width="550" height="838">

结果是没有响应的图片.如何配置Tiny MCE以在图像上添加以下内联css属性？

<img src="source/imagem.jpg?14641" alt="" width="550" height="838" style="
    width: 100%; max-width: 550px; height: auto;">

在TinyMCE的代码(源代码)编辑器中,当我想用类添加一些span或i元素时(例如,当我想添加Font Awesome图标时) - TinyMCE删除了类.例如,如果我想添加:

<span class="fa fa-university"></span>

最后我会:

<span></span>

此外,在源代码编辑器中我尝试添加<i class="fa fa-university"></i>但问题是相同的 - 类被TinyMCE(<i></i>)删除.

我正在使用TinyMCE v4.4.1,这些是我的设置:

tinymce.init({
    selector: '#body',
    height: 500,
    theme: 'modern',
    plugins: [
        'advlist autolink lists link image charmap preview hr anchor pagebreak',
        'searchreplace wordcount visualblocks visualchars code fullscreen',
        'insertdatetime media nonbreaking save table contextmenu directionality',
        'emoticons template paste textcolor colorpicker textpattern codesample fontawesome noneditable'
    ],
    toolbar1: 'insertfile undo redo | formatselect fontselect fontsizeselect fontawesome',
    toolbar2: 'bold italic underline strikethrough …

一位客户要求我制作一个插件来插入电话链接，我知道这可以通过链接插件来完成，但他希望有一个专门设计的插件来实现。我已经有了带有弹出窗口的插件，您可以在其中插入所需的数据，这是代码，我要添加的功能与链接插件相同，因此当用户单击链接的文本时，内容可以是在我的插件的窗口管理器中进行了编辑。

这是我到目前为止的代码：

tinymce.PluginManager.add('phonelink', function(editor, url) {  
// Add a button that opens a window
  tinymce.DOM.loadCSS(url + '/css/phonelink.css');
  editor.addButton('phonelink', {
    text: false,
    icon: 'phonelink',
    onclick: function() {
      // Open window
      editor.windowManager.open({
        title: 'Enlace teléfono',
        body: [
          {type: 'textbox', name: 'phone', label: 'Teléfono'},
          {type: 'textbox', name: 'showtext', label: 'Texto a mostrar'},
          {type: 'textbox', name: 'title', label: 'Título'}
        ],
        onsubmit: function(e) {
          // Insert content when the window form is submitted
          editor.insertContent('<a title="' + e.data.title + '" href="tel:+34' + e.data.phone + '">' + …

我使用TinyMCE 4，这是我的代码：

<script type="text/javascript" src="//cdn.tinymce.com/4/tinymce.min.js"></script>
<script>
       tinymce.init({
         selector: 'textarea[name=content]',
         plugins: 'image code',
         toolbar: 'undo redo | link image | code',
         image_title: true, 
         automatic_uploads: true,
         file_picker_types: 'image', 
         file_picker_callback: function(cb, value, meta) {
           var input = document.createElement('input');
           input.setAttribute('type', 'file');
           input.setAttribute('accept', 'image/*');
           input.onchange = function() {
             var file = this.files[0];
             var reader = new FileReader();
             reader.onload = function () {
             var id = 'blobid' + (new Date()).getTime();
             var blobCache =  tinymce.activeEditor.editorUpload.blobCache;
             var base64 = reader.result.split(',')[1];
             var blobInfo = blobCache.create(id, file, base64);
             blobCache.add(blobInfo);
             cb(blobInfo.blobUri(), …