前端显示:
Step1:
pip3 install django-tinymce
Step2:
<script src="/static/tiny_mce/tiny_mce.js"></script>
<script>
tinyMCE.init({
'mode':'textareas',
'theme':'advanced',
'width':450,
'height':300
})
</script>
Step3:
<form action="">
<label>
<textarea name="comment_content"></textarea>
</label>
<br>
<input type="submit" value="提交评论" class="btn btn-default">
</form>
后端显示:
models中设置(记得迁移):
from tinymce.models import HTMLField
import tinymce
class ArticleDetail(models.Model):
"""
文章详情表
"""
content = tinymce.models.HTMLField(verbose_name='文章详情')
article = models.OneToOneField('Article', verbose_name='所属文章')
settings中设置:
TINYMCE_DEFAULT_CONFIG = {
'theme': 'advanced',
'width': 600,
'height': 400
}
效果图展示:
取值和赋值:
补充
获取焦点:tinyMCE.activeEditor.focus();
tinyMCE.execCommand(‘mceInsertContent’, false, ‘要插入的内容’);