Плагин JBimages для TinyMce не вставляет изображение

Я использую плагин http://justboil.me/ для TinyMce 4 после прочтения всей документации и пошаговых инструкций. Плагин отлично загружает изображения по правильному пути, но не отображается в редакторе. И когда я вижу вывод HTML в tinyMce, тега изображения вообще нет.

Это моя конфигурация TinyMce:

<script src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script>
tinymce.init({
selector:"textarea",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste jbimages"
],
external_plugins: {
    "jbimages": "http://root.flubby.org/apps/tiny_mce/plugins/jbimages/plugin.min.js"
    },
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link jbimages",
relative_urls: false
    });
</script>

Примечание. Я запускаю этот скрипт в другом домене. Я не думаю, что это должно повлиять, так как плагин работает и загружает изображение. Просто без последнего шага добавления его к содержанию.

Есть идеи? Большое спасибо за чтение =)

Источник

2 ответа

Решение

Вы можете использовать этот код

tinymce.init({
    imageupload_url: "../upload/",
    selector: "textarea",
    theme: "modern",
    language: "en",
    plugins: [
         "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
         "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
         "save table contextmenu directionality emoticons template paste textcolor imageupload"
    ],
    content_css: "css/content.css",
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor emoticons imageupload", 
    relative_urls: false
});
Источник

Это моя конфигурация, надеюсь, поможет:)

   <script src="../js/tinymce/tinymce.min.js"></script>
   <script>
   tinymce.init({
   height           : 240,
   width            : 900,
   selector         : "textarea",
   plugins      : "jbimages table link autolink charmap print preview searchreplace code",
   toolbar      : "undo redo | bold italic underline charmap searchreplace | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | styleselect table | link code | jbimages preview",
   menubar          : false,
   relative_urls    : false
   });
   </script>
Источник
Другие вопросы по тегам