Javascript 编辑定制

我正在做一个项目，它使用CKEditor作为富文本编辑器， 这是完美的工作没有任何问题，我使用

共享空间

插件，使用相同的编辑器为所有文本区域，我在网页上 我正在使用这个代码

CKEDITOR.replace(field_id, {
      extraPlugins: 'sharedspace',
      removePlugins: 'maximize,resize',
      filebrowserImageBrowseUrl: '/file-manager/ckeditor',
      height: 80,
      sharedSpaces: {
        top: 'toolbarTop',
        bottom: 'toolbarBottom'
      },

    });

这段代码运行得很好，但它改变了元素的大小或CSS，实际上，CKEditor隐藏了主文本区域并用div替换它，我不希望这样，我希望CKEditor在不改变文本区域的情况下处理文本区域，或者在使用已替换文本区域的相同样式替换文本区域时， 这是替换文本区域的代码

<div class="col-8">
<div class="form-group">
<textarea id="answer_options_1599120121498_1599120121499" class="form-control" placeholder="Enter Answer Option Text" name="all_questions[1599120121498][answer_options][1599120121499][value]" rows="1" onfocus="insert_ck_editor('answer_options_1599120121498_1599120121499')"></textarea>
</div>
    </div>

这是新的div，它是由CKEditor在隐藏textarea之后插入的

<div id="cke_question_1599115892236" class="cke_1 cke cke_reset cke_chrome cke_editor_question_1599115892236 cke_ltr cke_browser_gecko" dir="ltr" role="application" aria-labelledby="cke_question_1599115892236_arialbl" lang="en"><span id="cke_question_1599115892236_arialbl" class="cke_voice_label">Rich Text Editor, question_1599115892236</span><div class="cke_inner cke_reset" role="presentation"><div id="cke_1_contents" class="cke_contents cke_reset" role="presentation" style="height: 80px;"><span id="cke_44" class="cke_voice_label">Press ALT 0 for help</span><iframe src="" style="width: 100%; height: 100%;" class="cke_wysiwyg_frame cke_reset" title="Rich Text Editor, question_1599115892236" aria-describedby="cke_44" tabindex="0" allowtransparency="true" frameborder="0"></iframe></div></div></div>

富文本编辑器，问题_1599115892236按ALT 0以获取帮助

我希望我能把我的问题解释清楚