CK 编辑器文本字体颜色问题 - Salesforce

问题描述

无法在 Visualforce 页面的 CK 编辑器工具栏中添加字体颜色选项。

然而，字体颜色选项在标准富文本区域字段中可用。当我们为文本添加颜色并保存时，它保存没有问题，但是，我们有一个带有富文本区域字段的新选项卡，它反映了相同的文本（CK 编辑器）。当新文本添加到 CK 编辑器选项卡上的富文本区域字段时，原始文本的字体颜色将丢失。

想知道并了解如何将字体颜色选项添加到 CK 编辑器工具栏中。

<apex:page controller="KX_CKEditorController" showHeader="false" id="thepageid">

<Meta http-equiv="Cache-Control" content="no-cache" />
<Meta http-equiv="Pragma" content="no-cache" />
<Meta http-equiv="Expires" content="0" />

<script src="https://cdn.ckeditor.com/4.15.0/standard/ckeditor.js">
</script>
<apex:form id="theformid">
    
    <style>
        a.cke_button_on{
        pointer-events: none; 
        cursor: default; 
        }
    </style>
    
    <apex:slds />
    
    <textarea id="editor1" class="ckeditor" rows="4" cols="50">{!kNow.Issue__c}</textarea>
    
    <apex:actionFunction name="save" action="{!saveKNowData}" rerender="theformid" oncomplete="init();">
        <apex:param assignTo="{!alert}" name="prm" value=""/>
    </apex:actionFunction>        
    
    <div class="demo-only" style="height:6rem">
        <div class="slds-spinner_container">
            <div role="status" class="slds-spinner slds-spinner_medium slds-spinner_brand">
                <span class="slds-assistive-text">Loading</span>
                <div class="slds-spinner__dot-a"></div>
                <div class="slds-spinner__dot-b"></div>
            </div>
        </div>
    </div>
    
    
</apex:form>


<apex:form >
    <script type="text/javascript">
    
    window.onload = function(){
        CKEDITOR.replace( 'thepageid:theformid:editor1',{
            extraPlugins: 'imageuploader',colorButton_enableAutomatic :true
        });
        CKEDITOR.on('instanceReady',function( evt ){
            var editor = evt.editor;
            editor.execCommand('maximize');                
        });
        CKEDITOR.instances.editor1.on('blur',function() {
            var element = CKEDITOR.instances['editor1'].getData();
            save(element);
        });
    }
    function init(){            
        window.location.reload();            
    }
    </script>
</apex:form>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）