Question

我试图使用Tiny mce4，但它无法正常工作。

我阅读了文档，然后使用了tinymce网站上提供的示例。

脚本已经正常工作，但我的元素有点没有格式化，如下图所示，例如插入/编辑图像我没有搜索按钮来选择图像。

enter image description here

你知道为什么会这样吗？因为我使用了you can see here的tinymce示例，并且在tinymce网站上工作得很好，但与我合作并不是那么好！

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

在这里，我调用了我的tinymce.min.jse，然后开始讨论：

<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

您在site中看到的moxiemanager插件与tinymce editor一起用于图片上传。它不是免费提供的。

图片上传有很多插件 - php + tinymce很少研究您的实施方式。

用于图片上传 - rails + tinymce最好的一个是PerfectlyNormal，有关详细信息，我已实施check this out。

Tinymce 4图像上传无法正常工作

1 个答案: