Tinymce 4图片上传工作不正常

Question

我试着使用微型mce4，但它不能正常工作。

我阅读了文档，然后使用了一个可以在tinymce网站上找到的例子。

脚本已经在工作了，但是我的元素有点不需要格式化，正如您在下面的图像中所看到的那样，例如，在插入/编辑图像上，我没有搜索按钮来选择图像。

​

​

你知道为什么会发生这种事吗？因为我使用了你可以在这里看到和tinymce网站上的tinymce示例，但是我的效果并不好！

我使用的代码与该示例相同，其内容如下：

在这里，我调用了我的，并启动了tinymce:

<script type="text/javascript" src="tinymce/js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
        selector: "textarea",
        plugins: [
                "advlist autolink autosave link image lists charmap print preview hr anchor pagebreak spellchecker",
                "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
                "table contextmenu directionality emoticons template textcolor paste fullpage textcolor"
        ],

        toolbar1: "newdocument fullpage | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect formatselect fontselect fontsizeselect",
        toolbar2: "cut copy paste | searchreplace | bullist numlist | outdent indent blockquote | undo redo | link unlink anchor image media code | inserttime preview | forecolor backcolor",
        toolbar3: "table | hr removeformat | subscript superscript | charmap emoticons | print fullscreen | ltr rtl | spellchecker | visualchars visualblocks nonbreaking template pagebreak restoredraft",

        menubar: false,
        toolbar_items_size: 'small',

        style_formats: [
                {title: 'Bold text', inline: 'b'},
                {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
                {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
                {title: 'Example 1', inline: 'span', classes: 'example1'},
                {title: 'Example 2', inline: 'span', classes: 'example2'},
                {title: 'Table styles'},
                {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
        ],

        templates: [
                {title: 'Test template 1', content: 'Test 1'},
                {title: 'Test template 2', content: 'Test 2'}
        ]
});</script>

</head>

然后我有了我的表格：

<form method="post" action="somepage">
    <textarea name="content" style="width:100%"></textarea>
</form>

Answer 1

您在站点中看到的是与tinymce editor一起使用的用于图像上传的艾氏仪插件。它不是免费提供的。

有很多用于图像上传的插件-- php + tinymce在您的实现过程中做了很少的研究。

对于图片上传- rails + tinymce，最好的输出是PerfectlyNormal，关于更多信息，我已经实现了看看这个。