如何使用tinymce库向Oracle Apex Rich Text Editor的默认颜色图添加颜色？

Question

我的应用程序上有一个页面项目（类型=富文本编辑器）。默认情况下它使用tinymce库。 我想更改富文本编辑器上的颜色图。我想在富文本编辑器的默认颜色图上添加 2 种颜色。我怎么做到这一点？ [在此处输入图像描述](https://i.sstatic.net/eK8sm.png)。 我尝试了很多东西，但没有任何结果。

我尝试在页面项的初始化javascript函数属性上更改富文本编辑器的配置对象。 tinymce.init 解决了问题，但解配置了 apex 的对象（富文本编辑器）。我只想更新该对象。但在 apex 中，我无法从富文本编辑器获取元素，我如何尝试在代码中的 /UPDATE/ 部分。

function (config){

    /*UPDATE */
    // Suponha que você tenha uma instância existente do TinyMCE
    var existingEditor = tinymce.get('#P1_TESTEADDCOLORS_APEX');

    console.log("print ===>" || existingEditor);

    // Se existir a instância, aplique o color_map
    if (existingEditor) {
        existingEditor.settings.color_map = [
            '000000', 'Black',
            '808080', 'Gray',
            'FFFFFF', 'White',
            'FF0000', 'Red',
            'FFFF00', 'Yellow',
            '008000', 'Green',
            '0000FF', 'Blue'
    ];
    }

    // Atualize o editor para aplicar as alterações
    existingEditor.execCommand('mceRepaint');

    /*CREATE*/
    /*tinymce.init({
    selector: '#P1_TESTEADDCOLORS_APEX',
    toolbar: 'forecolor backcolor',
    color_map: [
            '000000', 'Black',
            '808080', 'Gray'
        ]
    });*/
    return config;
}

Answer 1

对您来说可能有点晚了，但由于 init 可以满足您的需求，但从 APEX 取消了该字段的配置 - 请尝试 overrideDefaults

tinymce.overrideDefaults ({
    selector: '#P1_TESTEADDCOLORS_APEX',
    toolbar: 'forecolor backcolor',
    color_map: [
            '000000', 'Black',
            '808080', 'Gray'
        ]
    });