标签: tinymce

我有dMango管理员工作的tinyMCE,但所有弹出窗口都是空白的(例如编辑HTML,添加图片)

弹出式html页面的路径都存在于正确的位置

http://thatch.media/js/tiny_mce/themes/advanced/source_editor.htm?mce_rdomain=thatch

整个js文件夹上的权限设置为777

这是我的模特

class Page(models.Model):
    title = models.CharField(max_length=200)
    ...

    class Admin:
        js = ('js/tiny_mce/tiny_mce.js', 'js/textareas.js')

有任何想法吗？

如何在TinyMCE中更改默认字体类型和字体大小？

我正在使用高级皮肤,我已经更改了body, td, pre默认/ content.css中的样式,但它仍然没有改变.

我正在使用jquery tinymce.我正在开发与wordpress相同的高级tinymce.

我想为图像提供编辑选项.我需要一些tinymce插件教程来快速学习并编写插件.

我在使用以下Content-Security-Policy HTTP标头时尝试使用TinyMCE:

X-WebKit-CSP: default-src 'self'; script-src 'self' 'unsafe-eval'; img-src *; media-src *; frame-src *; font-src *; style-src 'self' 'unsafe-inline'; report-uri /:reportcspviolation

我在工具 - JavaScript控制台中收到以下错误:

Refused to execute JavaScript URL because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval'".
 about:blank:1
Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval'".
 test.xhtml:1
Refused to execute JavaScript URL because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval'".
 about:blank:1
Refused …

我有一些textareas,所有这些都是tinyMCE.

我想设置特定文本区域的内容,但我找不到如何.

我试过这个:

 tinyMCE.get('title').setContent(selected_article_title);

这是我的textarea:

<textarea style="width: 95%;" name="Title"  id="title"></textarea>

在这里我的tinyMCE初始化:

tinyMCE.init({
// General options
mode : "specific_textareas",
theme : "advanced",
width: "100%",
plugins : "pagebreak,paste,fullscreen,visualchars",

// Theme options
theme_advanced_buttons1 : "code,|,bold,italic,underline,|,sub,sup,|,charmap,|,fullscreen,|,bullist,numlist,|,pasteword",
theme_advanced_buttons2 :"",
theme_advanced_buttons3 :"",
theme_advanced_buttons4 :"",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
valid_elements : "i,sub,sup",
invalid_elements : "p, script",
editor_deselector : "mceOthers"
});

我不知道为什么这不起作用,我使用的是tinyMCE网站上的例子http://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.setContent

我正在使用Bootstrap 3在响应式CMS上使用TinyMCE4.我注意到TinyMCE4中的对话框/模态没有响应,这有点令人失望.我开始编写一些简单的CSS类来覆盖固定的宽度,但似乎有吨使得这个任务看起来相当令人生畏.所以,我认为其他人肯定已经做到了这一点.这是我到目前为止所拥有的,但是还有许多选择器需要完成才能实现.

那么,问题是,有没有其他人想出一个完整的,失败的安全方式来使TinyMCE的对话/模态响应？

/* TINYMCE CUSTOMISATION */

.mce-window {
    max-width: 90% !important;
}



.mce-panel {
    max-width:100% !important
}

.mce-tabs {
    max-width: 100% !important;
}

.mce-container-body {
    max-width:100% !important;
}

.mce-container {
    max-width:100% !important;
}

我正在使用自己的自定义文件选择器和TinyMCE 4的新file_picker_callback函数.关于这个的文档并不是很好,所以有信心让弗雷德让我这么做 - /sf/answers/1720026031/

自定义文件选择器正在工作,当您单击图像时,它会填充"源"和"维度".我只是想知道是否有任何方法可以自动填写"图像描述"字段.

图像的信息是从数据库表生成的,所以我已经有了描述,自动为用户填写它会很好.在尝试了各种传递数据的方法后,我很难理解它是如何完成的.

TinyMCE代码:

tinymce.init({
    ...
    file_picker_callback: function(callback, value, meta) {
        myImagePicker(callback, value, meta);
    }
});

function myImagePicker(callback, value, meta) {
    tinymce.activeEditor.windowManager.open({
        title: 'Image Browser',
        url: '/media/browser/1?type=' + meta.filetype,
        width: 800,
        height: 550,
    }, {
        oninsert: function (url) {
            callback(url);
        }
    });
};

自定义文件选择器的代码:

$(function(){
    $('.img').on('click', function(event){
        mySubmit('/upload/' + $(this).data('filename'));
    });
});

function mySubmit(url) {
    top.tinymce.activeEditor.windowManager.getParams().oninsert(url);
    top.tinymce.activeEditor.windowManager.close();
}

我的javascript知识并不是最好的,因为我对它很陌生,所以如果你可以请用例子和/或明确的逻辑来说明任何答案,这将是非常有用和非常感激的.

我正在使用tinymce 接受来自用户的降价数据。输出数据是html。我想在页面上显示该数据。我正在使用react-markdown。我可以在页面上看到数据，但它是 HTML 标签。有什么方法可以显示 HTML 页面而不是标签吗？

export default function ThePage() {
  const markdown = {
    description: "<p>Hello from the other </p>\n<p><strong>side</strong></p>",
  }

  return (
    <>
      <ReactMarkdown children={markdown.description} />
    </>
  );
}

我已经使用这里的文档成功更改了编辑器中的默认字体,但这让我有一个问题.原始默认字体不再适用于字体下拉列表.

原始默认值:Verdana
新默认值:MyCustomFont

当我输入编辑器时,默认情况下我会看到MyCustomFont字体.如果我尝试将其更改为Verdana(原始默认值),则没有任何反应.我可以将其更改为除Verdana之外的任何字体系列.我还注意到,当我在下拉列表中选择MyCustomFont时,内容会被带有内联样式的跨度所包围.原始默认字体不会发生这种情况(因此没有任何反应).

在我看来,有一个关键的文档缺失 - 如何告诉编辑器(特别是字体功能)我在css中默认定义的字体是默认字体.

我用谷歌搜索了一下但没有结果.其他人似乎都在为上述文件做好准备.我是唯一一个遇到这个问题的人吗？如果没有,请帮忙!:)

请注意,这个问题的答案没有回答我的问题.

我正在升级到tinyMCE 4.x,我试图在通过AJAX加载的textarea上初始化tinyMCE.在3.x中我做了类似的事情:TinyMCE - 附加到通过AJAX调用加载的div,但这似乎不适用于4.x.