美文网首页
Django富文本编辑框Froala

Django富文本编辑框Froala

作者: 黑色汪汪汪 | 来源:发表于2018-08-08 13:56 被阅读0次

    之前尝试过django-ckeditor,感觉节目土土的,功能是没有问题的。

    然后再知乎上看看大家都用什么插件。
    这是原文的链接地址:https://www.zhihu.com/question/20078125
    看看官方的对于富文本是怎么个态度,我觉得做后台,富文本应该是最基本的诉求,然后官方只给了一个TextEdit......我觉得以后的版本中肯定会有的。现在用的Django版本是2.0.7目前为止最新的版本,比起我上个用的版本2.0.1后台的样式有些细微的变化,比如:上传图片的表单样式变成了棱角分明的方形。

    https://djangopackages.org/grids/g/wysiwyg/ 看看这个链接,官方统计的富文本/markdown编辑器的统计。

    我在这份统计中看卡有没有国产的app能用一下,看到个百度Ueditor,最后更新时间是2014年...凉凉了?

    一定是特别的缘分,让我看到了Froala,然后简单的试了一下,从配置到使用,2分钟搞定。

    实际使用步骤(https://github.com/froala/django-froala-editor)

    1:安装 pip install django-froala-editor
    或者pip install https://github.com/froala/django-froala-editor/archive/master.zip
    2: 在settings.py中,加个app,--->froala_editor
    3:在urls.py中加上一行:

    path('froala_editor/', include('froala_editor.urls')),
    

    如果是1.x的版本:

      url(r'^froala_editor/', include('froala_editor.urls')),
    

    4:在settings.py中加上引用的工具插件(放到任意位置都行,建议放到最末尾):

    FROALA_EDITOR_PLUGINS = ('align', 'char_counter', 'code_beautifier' ,'code_view', 'colors', 'draggable', 'emoticons',
            'entities', 'file', 'font_family', 'font_size', 'fullscreen', 'image_manager', 'image', 'inline_style',
            'line_breaker', 'link', 'lists', 'paragraph_format', 'paragraph_style', 'quick_insert', 'quote', 'save', 'table',
            'url', 'video')
    

    5:其他设置参数以,key:value的实行编写。

    FROALA_EDITOR_OPTIONS = {
      'key': '<our key goes here>',
    
    }
    

    比如设置富文本编辑框的大小:

    FROALA_EDITOR_OPTIONS = {
        'width':1000,
        'height':500,
    }
    

    都有哪些参数可以配置?
    看链接官方文档,里面都是可以设置的参数:https://www.froala.com/wysiwyg-editor/docs/options

    6:设置上次文件路径,还是在settings.py文件中,加入配置参数:

    FROALA_UPLOAD_PATH = 'product/image'
    

    7:如果不想用Proala了,想用原生的TexitFeild,只需要加一个配置即可

    USE_FROALA_EDITOR = False
    

    有问题再留言讨论吧。

    相关文章

      网友评论

          本文标题:Django富文本编辑框Froala

          本文链接:https://www.haomeiwen.com/subject/yyitbftx.html