首页 > 解决方案 > CKeditor 在 textarea 中隐藏溢出-x

问题描述

在此处输入图像描述我的问题是我无法在 Textarea 中隐藏这个溢出-x。

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

我已经用这段代码试过了,溢出仍然存在。我不知道如何隐藏文本区域再次正常。

<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' ),{
          toolbar: ['heading','|','bold','italic','|','link','bulletedList','numberedList','|','undo','redo']})
        .catch( error => {
            console.error( error );
        } );
    ClassicEditor
        .create( document.querySelector( '#toolbar3' ),{
          toolbar: ['heading','|','bold','italic','|','link','bulletedList','numberedList','|','undo','redo']})
        .catch( error => {
            console.error( error );
        } );
    ClassicEditor
        .create( document.querySelector( '#toolbar4' ),{
          toolbar: ['heading','|','bold','italic','|','link','bulletedList','numberedList','|','undo','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>

标签: javascriptcsscoldfusionckeditorckeditor5

解决方案


推荐阅读