微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CKeditor 在 textarea 中隐藏溢出-x

如何解决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 举报,一经查实,本站将立刻删除。