问django-summernote帮助添加代码镜像
EN

Stack Overflow用户

提问于 2016-12-16 00:05:34

回答 1查看 377关注 0票数 0

我访问了http://summernote.org/examples/#codemirror-as-codeview，但我仍然无法工作。我得到了来自所有codemirror css和javascript的200个响应，但是当我按下代码视图时仍然是空白的。这是我的SUMMER_NOTE配置。

SUMMERNOTE_CONFIG = {
    'toolbar': [
        ['cmds', ['undo', 'redo', 'clear']],
        ['style', ['style']],
        ['font', ['bold', 'italic', 'underline', 'strikethrough']],
        ['font2', ['superscript', 'subscript']],
        ['color', ['color']],
        ['para', ['ul','ol']],
        ['layout', ['hr', 'table']],
        ['insert', ['link', 'picture']],
        ['misc', ['codeview']],
    ],
    'width': '100%',
    'css': (
        '//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.css',
        '//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/theme/monokai.css',
    ),
    'js': (
        '//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.js',
        '//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/mode/xml/xml.js',
        '//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/formatting.js',
    ),
    'codemirror': {
        'theme': 'monokai',
    }
}

这是正确的配置方式吗？

django

codemirror

summernote

Stack Overflow用户

回答已采纳

发布于 2016-12-16 16:40:00

我发现js在default_js之后加载，所以您必须在summernote.min.js之前加载所有codemirror脚本。下面是加载这些文件的<head>标记，我添加了注释。

<!-- Loaded via js and css (doesn't work) -->
<head>
  <title>django-summernote frame</title>
  <!-- From default_css -->
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/django_summernote/summernote.css" rel="stylesheet">
    <link href="/static/django_summernote/django_summernote.css" rel="stylesheet">
  <!-- End default_css -->
  <!-- From css -->
    <link href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.css" rel="stylesheet">
    <link href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/theme/monokai.css" rel="stylesheet">
  <!-- end css -->
  <!-- From default_js -->
    <script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script src="/static/django_summernote/jquery.ui.widget.js"></script>
    <script src="/static/django_summernote/jquery.iframe-transport.js"></script>
    <script src="/static/django_summernote/jquery.fileupload.js"></script>
    <script src="/static/django_summernote/summernote.min.js"></script>
  <!-- end default_js -->
  <!-- From js -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/mode/xml/xml.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/formatting.js"></script>
  <!-- end js -->
</head>

<!-- Loaded via default_js and default_css (works) -->
<head>
  <title>django-summernote frame</title>
  <!-- From default_css -->
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.css" rel="stylesheet">
    <link href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/theme/monokai.css" rel="stylesheet">
    <link href="/static/django_summernote/summernote.css" rel="stylesheet">
    <link href="/static/django_summernote/django_summernote.css" rel="stylesheet">
  <!-- end default_css -->
  <!-- From default_js -->  
    <script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/mode/xml/xml.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/formatting.js"></script>
    <script src="/static/django_summernote/jquery.ui.widget.js"></script>
    <script src="/static/django_summernote/jquery.iframe-transport.js"></script>
    <script src="/static/django_summernote/jquery.fileupload.js"></script>
    <script src="/static/django_summernote/summernote.min.js"></script>
  <!-- end default_js -->
</head>

因此，我能够通过按如下方式构造我的SUMMERNOTE_CONFIG来使其工作：

SUMMERNOTE_CONFIG = {
    'toolbar': [
        ['cmds', ['undo', 'redo', 'clear']],
        ['style', ['style']],
        ['font', ['bold', 'italic', 'underline', 'strikethrough']],
        ['font2', ['superscript', 'subscript']],
        ['color', ['color']],
        ['para', ['ul','ol']],
        ['layout', ['hr', 'table']],
        ['insert', ['link', 'picture']],
        ['misc', ['codeview']],
    ],
    'width': '100%',
    'css': (
        '//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.css',
        '//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/theme/monokai.css',
    ),
    'default_js': (
        '//code.jquery.com/jquery-1.9.1.min.js',
        '//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js',
        '//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.js',
        '//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/mode/xml/xml.js',
        '//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/formatting.js',
        static_url('django_summernote/jquery.ui.widget.js'),
        static_url('django_summernote/jquery.iframe-transport.js'),
        static_url('django_summernote/jquery.fileupload.js'),
        static_url('django_summernote/summernote.min.js'),
    ),
    'codemirror': {
        'theme': 'monokai',
    }
}

P.S. static_url 是本地定义的.

票数 0

查看全部 1 条回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41175342

复制

相似问题

问django-summernote帮助添加代码镜像
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问django-summernote帮助添加代码镜像EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问django-summernote帮助添加代码镜像
EN