首页 / JAVASCRIPT / javascript – 调整ckeditor的响应式设计

javascript – 调整ckeditor的响应式设计

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 调整ckeditor的响应式设计，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含941字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试在响应式设计上使用CKEditor,但我无法达到工作的高度.以下带有高度定义的代码可以将文本区域的大小调整为100％,从而溢出包含的div.

        CKEDITOR.replace( 'article', {
            toolbar: [
                { name: 'basicstyles', items: [ 'Bold', 'Italic' ] },
                { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Blockquote' ] },
                { name: 'links', items : [ 'Link','Unlink' ] },
                { name: 'insert', items : [ 'Image' ] }
            ],
            uiColor: '#f9fafb',
            height: '100%'
        });

我找到了下面的代码,但我无法弄清楚粘贴的位置.我也尝试过编辑config.js,并遵循CKEDitor网站上的所有文档.他们告诉你该做什么,但不知道该做什么.

editor.resize( '100%', '350', true );

理论上,“真实”将使高度包括整个编辑器,而不仅仅是文本区域,但我不知道它属于哪里.

包含编辑器的div使用此CSS：

height: -moz-calc(100% - 400px);
height: -webkit-calc(100% - 400px);
height: calc(100% - 400px);

解决方法:

如果你想做响应需要更改config.js中的设置

CKEDITOR.editorConfig = function (config) {

    config.width = "auto";
    config.height = "auto";

内容总结

以上是互联网集市为您收集整理的javascript – 调整ckeditor的响应式设计全部内容，希望文章能够帮你解决javascript – 调整ckeditor的响应式设计所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/732153.html

来源：【匿名】