标签: tinymce-4

直到 WP 3.9，我都可以使用<style>WP 的“文本”选项卡中的标签来指定内联样式表，这在切换到所见即所得的情况下仍然存在。

从 WP 3.9 开始，TinyMCE 将<style>在切换到 WYSIWYG 时剥离标签。

我已经尝试过以下作为 MU 插件，但没有帮助：

add_filter('tiny_mce_before_init', 'vsl2014_filter_tiny_mce_before_init');
function vsl2014_filter_tiny_mce_before_init( $options ) {

    if ( ! isset( $options['extended_valid_elements'] ) )
        $options['extended_valid_elements'] = '';

    $options['extended_valid_elements'] .= ',style';
    return $options;
}

当单击编辑按钮时，它会显示tinymce文本编辑器，但问题是它没有将焦点设置在从第二个开始的编辑器的第一次加载上，它工作正常

以下是我尝试过的

超文本标记语言

<h3>History Review <a href="#" class="blue_edit_btn" id="history_review_link" onclick="bgshoweditor('history_review')" >Edit</a></h3>

jQuery

function bgshoweditor(editorid)
{

    $("#"+editorid+"_div").hide();
    $("#"+editorid).show(); 
    tinyMCE.execCommand('mceRemoveControl', false, editorid );
    tinyMCE.execCommand('mceAddControl', true, editorid );
    tinyMCE.execCommand('mceFocus', false, editorid );      
    tinyMCE.activeEditor.selection.select(tinyMCE.activeEditor.getBody(), true);
    tinyMCE.activeEditor.selection.collapse(false); 
}

我正在使用tinyMCE 4.x，并希望以编程方式删除整个编辑器文本中的任何设置格式。它应该执行removeFormat 命令的操作。到目前为止我来了：

tinymce.execCommand('selectAll', true, 'texteditor');
tinymce.execCommand('RemoveFormat', true, 'texteditor');

removeFormat 仅适用于预先选定的文本，因此我在RemoveFormat 之前执行“SelectAll”。这工作正常，但在删除格式后所有内容都保持选中状态。所以问题是：有没有一种方法可以删除任何格式而不选择之前的所有格式？如果否，如何取消选择之前选择的文本？（之后我尝试将焦点集中在文本编辑器上，但选择仍然存在）。我确信有一个简单的方法只是在网上找不到它。

我将tinyMCE编辑器插件与react js一起使用。我正在尝试将文件从本地计算机上传到编辑器，然后上传到 s3。我可以将照片拖放到编辑器中，但是，当我单击“插入照片”按钮时，我无法访问我的文件系统。有什么建议么？

class Editor extends React.Component{

    handleEditorChange = (e) => {
        console.log('e',e);
        console.log('Content was updated:', e.target.getContent());
    }


    render(){
        return(
            <TinyMCE
                content="<p>This is the initial content of the editor</p>"

              config={{
                height:600,
                paste_data_images: true,
                plugins: [
                    'advlist autolink lists link image charmap print preview anchor',
                    'searchreplace wordcount visualblocks code fullscreen',
                    'insertdatetime media table contextmenu paste code'
                  ],
                  toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',                file_picker_types: 'file …

下午好，我来详细解释一下这个问题。我正在将 TinyMCE 编辑器版本连接4.6.4到我的网站。它在媒体插件中有插件，您可以通过它将媒体文件插入编辑器。

因此，我将视频添加到编辑器中。实际上，您可以通过不同的方式添加视频，其中之一就是为编辑器提供直接链接，我就是这样做的。

media_live_embeds编辑器的初始化中有一个参数，可以将其插入到true或 的位置false，如果该参数插入为true，则添加的视频可以直接在编辑器中播放。

问题是，如果我从我的网站提供视频链接（vvv.mp4示例），那么它不会播放（就像参数插入到 media_live_embeds: false 中一样）。

但是，如果我添加来自 youtube 的视频链接（示例https://www.youtube.com/watch?v=q6_yRWPd4Yc），那么它就可以工作。

屏幕上有 2 个视频，第一个带有 YouTube 链接，第二个带有来自该网站的链接，第一个视频是直接从编辑器播放的，第二个则不是。

我有什么错？谁遇到过这个问题？

这是小编整理的，大家可以自己测试一下。

我正在使用这个文件管理器在tinymce中上传文件. 文件管理器

对目录有一些问题.我正在使用tinymce 4.

我的filemanager文件夹位于" localhost/BAD / "目录中,我有一个名为about.php的文件,该文件位于" localhost/BAD/admin / "目录中.现在我可以上传图片并查看about.php文件.我对tinymce的设置是

**external_filemanager_path:"/BAD/filemanager/",
filemanager_title:"Filemanager" ,
external_plugins: { "filemanager" : "filemanager/plugin.min.js"}**

我的cofig.php文件设置是

$base_url="http://localhost"; 
$upload_dir = '/BAD/source/'; 
$current_path = '../source/'; 
$thumbs_base_path = '../thumbs/';

上传图像并选择后,它将图像源框中的路径显示为" ../source/eng.jpg "并将其保存到数据库中.

但我想从"localhost/BAD /"目录而不是"localhost/BAD/admin /"访问此图像.它开始在'localhost'上找到源文件,而不是' localhost/BAD '

我尝试了一些改变,但没有工作.如何将源链接保存为"source/eng.jpg"而不是"../source/eng.jpg",或者有没有办法从一个目录保存图像并从上一级目录访问它？

有没有办法在加载后无需显式代码即可将 css 类应用到整个 tinyMCE 容器，或者强制它从应用到的元素继承类？

如果你有例如 textarea

<textarea id="foo" class="myClass"></textarea>
<script type="text/javascript">
    $('textarea.recipe-material').tinymce({
          //some property here to force tinyMCE to inherit myClass in container
    });
</script>

我使用Orchard cms。我已经安装了tinymce 4模块。我上传了一张照片，我的照片显示在编辑器中，但是当我刷新网站时，图像的路径改变了，我看不到照片。图片网址已更改为../../../../../Media/Default/pic/7-23-2016-10-10-03-PM-300x200.jpg

我只想在默认的tinymce配置中添加一个项目,如下所示:

tinymce.init({
  selector: "textarea",
  plugins: "customimageupload",
  toolbar: tinymce_default_toolbar + " customimageupload"
});

我正在使用WordPress插件,我可以添加TinyMCE按钮,单击时会显示下拉菜单.但是,我想在该下拉菜单中添加一个水平分隔符(即水平线)以分组选项.

我用谷歌搜索了一段时间,我发现的唯一信息是在菜单本身的按钮之间添加垂直分隔符(即垂直线).

是否可以在TinyMCE的下拉菜单中添加水平分隔符,如果是,我该怎么办？或者我是唯一一个使用子菜单将这些其他项目分组的选项？

            ed.addButton('d12-mb-button-2', {
            title:'Add a message block with a custom title',
            type:'menubutton',
            image: url + '/d12-mb-mce-button-2.png',
            menu: [
                    {
                    text: 'Part of a series',
                    value: 'Part',
                    icon: 'icon d12mb-part',
                    onclick: function() {
                        ed.windowManager.open( {
                            title: 'Please enter the data for this message box',
                            body: [{
                                type: 'textbox',
                                name: 'title',
                                label: 'This series of articles is about:'
                            },
                            {
                                type: 'textbox',
                                minHeight: 200,
                                minWidth: 400,
                                multiline: 'true',
                                name: 'description',
                                label: 'Description of this series:'
                            }
                            ],
                            onsubmit: function( epart …