1 Отредактировано zloitapok (17-05-2010 14:34:10)

Тема: плагины tinyMCE

При попытке использовать tinyMCE не в админке, в конструкторе указываю:

        $this->load->module('core');
        $this->load->library('lib_admin');
        $this->load->library('lib_editor');
        $this->lib_admin->init_settings();

в методе контроллера:

$this->template->assign('tinyMCE',$this->lib_editor->tiny_mce());

и вывожу во вьюхе переменную tinyMCE.

Редактор работает, но не работают его плагины imageBox и tinyBrowser

При клике на Imagebox фаербаг пишет ошибку яваскрипта: MochaUI is not defined

При клике на tinyBrowser фаербаг пишет ошибку яваскрипта: u is not defined

Можно ли запустить tinyBrowser и imageBox с вашими настройками без Mocha и как?

Идея: сделать отдельную админку под конкретный проект, т.к. существующая не вполне удобна.

teapplix.com

2

Re: плагины tinyMCE

К сожалению,  imageBox немного привязан к MochaUI. Если немного поковырять код, то можно вывести имейджбокс в окнах tinyMCE.

tinyBrowser:
нужно подключить скрипты 

<script type="text/javascript" src="http://imagecms/js/tinymce/plugins/tinybrowser/tb_tinymce.js.php"></script>
<script type="text/javascript" src="http://imagecms/js/tinymce/plugins/tinybrowser/tb_standalone.js.php"></script>

+ в инициализации редактора подключить сам менеджер. 

file_browser_callback : "tinyBrowser",

Thumbs up Thumbs down

3

Re: плагины tinyMCE

Спасибо!

teapplix.com

4

Re: плагины tinyMCE

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

<!-- place in header of your html document -->
<script>
tinymce.init({
    selector: "textarea#elm1",
    theme: "modern",
    width: 300,
    height: 300,
    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"
   ],
   content_css: "css/content.css",
   toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons", 
   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'}
    ]
 }); 
</script>

<!-- place in body of your html document -->
<textarea id="elm1" name="area"></textarea>

Но не могу найти, где этот код.

Личная документация по ImageCMS: https://goo.gl/LzA09F

5

Re: плагины tinyMCE

В файле /templates/administrator/js/functions.js

метод initTinyMCE

ImageCMS PHP Team Lead
https://github.com/imagecms/ImageCMS - ночные сборки корпорейта
https://scrutinizer-ci.com/g/imagecms/ImageCMS/badges/quality-score.png?b=development https://codeclimate.com/github/imagecms/ImageCMS/badges/gpa.svg

Thumbs up Thumbs down

6

Re: плагины tinyMCE

gula.andrij пишет:

В файле /templates/administrator/js/functions.js

метод initTinyMCE


Спасибо большое! Кнопки настроил.

Только не нашел как меню править в новой TinyMCE которая в ImageCMS 4.8.х.

Личная документация по ImageCMS: https://goo.gl/LzA09F

7

Re: плагины tinyMCE

Дополнительное поле Textarea в версии 4.8 теперь без визуального редактора. Как сделать чтобы подтягивался TinyMCE как было в версии 4.6.1?

Личная документация по ImageCMS: https://goo.gl/LzA09F

8

Re: плагины tinyMCE

Подскажите друзья, как можно обновить TinyMCE в ImageCMS 4.6 на новую версию (которая используется в ImageCMS 4.8+)?
Прошу отнеситесь с пониманием и не предлагайте переход на новую версию, так как некоторые проекты уже обновить нереально.
Может кто-то уже делал? Буду оочень благодарен за помощь!

Личная документация по ImageCMS: https://goo.gl/LzA09F

9

Re: плагины tinyMCE

Подскажите, пожалуйста, как подключить дополнительные плагины к TinyMCE ImageCMS 4.8.1?
в functions.js прописываю, но либо плагин не запускается - новая кнопка не появляется, либо TinyMCE пропадает.

10

Re: плагины tinyMCE

Oleg пишет:

Подскажите, пожалуйста, как подключить дополнительные плагины к TinyMCE ImageCMS 4.8.1?
в functions.js прописываю, но либо плагин не запускается - новая кнопка не появляется, либо TinyMCE пропадает.

какой именно плагин вы питаетесь вставить?

ImageCMS PHP Team Lead
https://github.com/imagecms/ImageCMS - ночные сборки корпорейта
https://scrutinizer-ci.com/g/imagecms/ImageCMS/badges/quality-score.png?b=development https://codeclimate.com/github/imagecms/ImageCMS/badges/gpa.svg

Thumbs up Thumbs down

11

Re: плагины tinyMCE

добрый день. Нужен плагин вставки и подсветки кода.  пробовал поставить Code Sample и compat3x plugin для добавления плагинов от 3-го тинимсе.  что-то мешает им подхватиться.
те плагины, что уже установлены нормально включаются-отключаются, их кнопки добавляются-удаляются. А вот новые не работают.

12

Re: плагины tinyMCE

плагины от 3 не подойдут. вот плагин с инструкцией для 4 https://github.com/christiaan/tinymce-codemirror

ImageCMS PHP Team Lead
https://github.com/imagecms/ImageCMS - ночные сборки корпорейта
https://scrutinizer-ci.com/g/imagecms/ImageCMS/badges/quality-score.png?b=development https://codeclimate.com/github/imagecms/ImageCMS/badges/gpa.svg

Thumbs up Thumbs down

13

Re: плагины tinyMCE

compat3x plugin - это плагин для связки плагинов от 3 с четверкой.
codemirror тоже пробовал - не подхватывается.
может нужны какие-то настройки в functions.js или что-то менялось в самом tinyMCE?
пробовал подвязать к системе 4.3.7 версию - тоже не работает

14

Re: плагины tinyMCE

нужно настраивать вывод плагинов редакторе если они имеют свои кнопки как описано в инструкции

+ открыть спойлер

Installation

- Download and install TinyMCE 4 and make sure it runs correctly with default settings.
- Download this repository found at https://github.com/christiaan/tinymce-codemirror
- Place the directory plugins/codemirror in the tinymce/plugins directory.
- Download CodeMirror (version 4 or later) from http://codemirror.net/codemirror-latest.zip.
- Unpack codemirror-latest.zip inside the plugins/codemirror folder that was just created. A folder named codemirror-4.8 (or similar) will be created.
- Activate the codemirror plugin in TinyMCE:

plugins: ['codemirror']

- Optionally, add the code button to TinyMCE’s toolbar:

toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | code'

Test: You should see a Source code item in the Tools menu. Click it to edit the HTML source code.

в самом tinyMCE ничего не менялось, он стандартный.

ImageCMS PHP Team Lead
https://github.com/imagecms/ImageCMS - ночные сборки корпорейта
https://scrutinizer-ci.com/g/imagecms/ImageCMS/badges/quality-score.png?b=development https://codeclimate.com/github/imagecms/ImageCMS/badges/gpa.svg

Thumbs up Thumbs down

15

Re: плагины tinyMCE

Спасибо, с codemirror разобрался - оказалось он пользуется кнопкой "исходный код" отключил плагин code save - mirror появился, но нужно еще добавлять его настройки в  functions.js.

Re: плагины tinyMCE

Подскажите, как сделать, такую мелочь как указать класс ссылке в TinyMCE в Corparate 4.9? В древних версиях CMS это делалось легко и просто, здесь же кроме адреса ссылки заголовка и как открывать ничего больше нет.

Thumbs up Thumbs down

17

Re: плагины tinyMCE

Подскажите как добавить новый плагин powerpaste ? Где находится файл TinyMCE Configuration ?

Thumbs up Thumbs down