如何解决materialize-css选择样式显示:没有应用于ckeditor对话
我正在尝试通过构建博客Web应用程序来学习 Django-Python Framework 。我正在使用 Materialize CSS 框架1.0.0进行样式设置。此外,对于创建帖子,我使用 CKEditor 4 。我希望用户能够添加 CodeSnippets 。 CKEditor位于我的静态目录中,并且呈现良好,但是打开代码片段对话框时,我无法选择语言。
我发现materialize-css库将“显示:无” 应用于所有选择的输入。 Materialize不在我自己的目录中,但是我正在使用 CDN ,所以我无法对其进行调整。
我尝试了以下操作:
我检查了Chrome开发工具中的元素,并在ckeditor / dialog / styles / dialog.css中添加了以下内容:
.cke_dialog_ui_input_select { display: block; }
<script>
$(document).ready(function(){
$('select').css("display","block");
});
console.log("display to block");
</script>
</body>
我也在上面的脚本中尝试过此操作:
$(document).ready(function(){
$('select').formSelect();
});
我断开服务器并在每次更改后应用 python manage.py runserver 。但是,当我再次在Chrome Dev Tool中检查它时,仍然看到Materialize将显示设置为无。我在这里找到了东西 Drupal - materialize-css select styles are applied to ckeditor dialogues,但我听不懂。
我最后想到的是将 JQuery 事件 .ready 更改为具有 onload 的内容。
谢谢。
解决方法
我解决了。
- 在我的静态文件中添加了一个main.css,以便 static / blog / main.css
main.css :
yarn global add firebase-tools
- 我在 base.html 模板的 部分中添加了链接:
firebase login
后 / 下具体化CSS参考链接。
- 我清除了我的Google Chrome浏览器缓存。 Clear Chrome Cache
现在打开代码段(带红色圆圈)时,可以选择一种语言。 Answer
感谢您的帮助Sean; p
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。