Подсветка кода в TinyMce

1. Как в редакторе TinyMce при переключении чекбокса Toggle Editor редактировать в Ace, и на оборот?


РЕШЕНО:
<script>
// assets/components/tinymce/tiny.js:110 — addContentBelow()
if (cb.dom.checked) {
    tinyMCE.execCommand('mceAddControl',false,id);
    Ext.state.Manager.set(MODx.siteId+'-tiny',true);
    
    //Ext.select('#x-form-el-ta > .ace_editor').remove();
    Ext.select('#x-form-el-ta > .ace_editor').hide().setHeight(0);
} else {
    tinyMCE.execCommand('mceRemoveControl',false,id);
    Ext.state.Manager.set(MODx.siteId+'-tiny',false);
    
    if (Ext.select('#x-form-el-ta > .ace_editor').elements.length == 0) {
        MODx.ux.Ace.replaceTextAreas(Ext.query('#ta'));
        Ext.get(id).setHeight(0).hide();
    } else {
        Ext.select('#x-form-el-ta > .ace_editor').show().setHeight(386);
    }
}
</script>
Теперь станет удобно верстать контент разработчику или администратору, если нет контент-менеджера.


2. Как в всплывающем окне TinyMce [HTML] textarea заменить на редактор кода Ace?


ВОПРОС:


UPD: Спасибо полезным статьям и их авторам, которые помогли дополнить данный функционал, но вопрос №2 с Ext3 [htmlSource] в TinyMCE, ещё открыт. Предлагайте свои варианты!

Ссылки по теме:
modzone.ru/blog/2016/04/23/plug-ace-to-the-fields/
modx.pro/help/3213
webstool.ru/modx-podklyuchit-tekstovoj-redaktor-k-dop.-polyam-resursa.html
R2m0x94 (Vasily)
21 мая 2022, 14:58
modx.pro
1
131
0
Поблагодарить автора Отправить деньги

Комментарии: 7

R2m0x94 (Vasily)
21 мая 2022, 15:08
0
Или же как-то во FrontendEditor включить Ace?
    Константин Ильин
    21 мая 2022, 20:44
    0
    не будет ли простым решением перейти на CKEditor?
    там codemirror по умолчанию идет
      R2m0x94 (Vasily)
      22 мая 2022, 09:59
      0
      Нет, тут необходима кастомизация только для Ace с TinyMce
    Артур
    21 мая 2022, 22:57
    0
    Просто интересно, а зачем?
      R2m0x94 (Vasily)
      22 мая 2022, 09:56
      0
      У меня такая потребность появляется, потому что я редактирую в Ace, а контент-менеджер в Mce, поэтому мне надо угодить ему, чтобы было удобно в Mce открыть htmlSource и оперативно верстать при помощи emmet, затем сохранять обратно в Mce.

      Думаю тут будет уместным разобрать вопрос, чтобы к нему уже не возвращаться. По факту надо найти функцию Сhange и при переключении toggle подменять на Ace, но как это сделать в Ext ума не приложу, так как если делать на onReady подмену textarea, то только Ace грузится в поле content, нормально объяснил?
        Артур
        22 мая 2022, 16:31
        0
        Верстать в админке это сильно, это не каждый сможет. А почему не работаешь с файлами?
      R2m0x94 (Vasily)
      23 мая 2022, 15:14
      0
      А как в всплывающем окне TinyMce [HTML] textarea заменить на редактор кода Ace?
        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
        7