CKeditor 在 textarea 中隐藏溢出-x

问题描述

enter image description here

我的问题是我无法在 Textarea 中隐藏这个 overflow-x。

在这里你可以明白我的意思:

Here u can see what I mean

我已经用这段代码试过了,溢出仍然存在。不知道怎么隐藏textarea又正常了。

<script>
    ClassicEditor
        .create( document.querySelector( '#toolbar1' ),{
          toolbar: ['heading','|','bold','italic','link','bulletedList','numberedList','undo','redo']})
        .catch( error => {
            console.error( error );
        } );
    ClassicEditor
        .create( document.querySelector( '#toolbar2' ),'redo']})
        .catch( error => {
            console.error( error );
        } );
    ClassicEditor
        .create( document.querySelector( '#toolbar3' ),'redo']})
        .catch( error => {
            console.error( error );
        } );
    ClassicEditor
        .create( document.querySelector( '#toolbar4' ),'redo']})
        .catch( error => {
            console.error( error );
        } );
</script>
    <script src="https://cdn.ckeditor.com/ckeditor5/28.0.0/classic/ckeditor.js"></script>
    <style>
      #toolbar1{
          overflow:hidden !important;
      }
    </style>
  
<cfform action="" method="post">
  <cfoutput>
    <cfinput name="access" type="hidden" value="save">
    <cfinput name="kprec" type="hidden" value="#KPProjekt.KPID#">
    <div class="row">
      <div class="col-12" style="padding:10px"><nobr>DE:<cftextarea id="toolbar1" name="TextDE">#KPProjekt.KPTextDE#</cftextarea></nobr></div>
      <div class="col-12" style="padding:10px"><nobr>FR:<cftextarea id="toolbar2" class="form-control" name="TextFR">#KPProjekt.KPTextFR#</cftextarea></nobr></div>
      <div class="col-12" style="padding:12px"><nobr>&nbsp;IT:<cftextarea id="toolbar3" class="form-control" name="TextIT">#KPProjekt.KPTextIT#</cftextarea></nobr></div>
      <div class="col-12" style="padding:7px"><nobr>EN:<cftextarea id="toolbar4" class="form-control" name="TextEN">#KPProjekt.KPTextEN#</cftextarea></nobr></div><br>
      </div>
   <cfinput name="save" value="speichern" type="submit">
   <div>&nbsp;</div>
 </cfoutput>
 </cfform>

解决方法

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

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

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