实现typed.js jquery插件的django cms插件。
djangocms-typedjs的Python项目详细描述
djangocms类型djs
这是一个简单的django-cms插件,实现了Typed.jsjquery插件。
依赖性
- django>;=1.8
- django cms>;=3.2
安装
要安装:
pip install djangocms-typedjs
然后将djangocms typedj添加到已安装的应用程序中:
INSTALLED_APPS = [ ... 'djangocms_typedjs', ... ]
如果您还没有使用djangocms-text-ckeditor,那么这也需要添加到您已安装的应用中:
INSTALLED_APPS = [ ... 'djangocms_text_ckeditor', ... ]
然后运行迁移:
./manage.py migrate
包假定jquery已经添加到站点。因此,如果您不使用,请添加模板/base.html:
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
配置
默认情况下,typed.js javascript是从下面的cdn加载的。如果您希望覆盖此内容,可以在settings.py文件中添加以下内容和更新的url。这是可选的。
DJANGOCMS_TYPEDJS={'JS_URL':'https://cdnjs.cloudflare.com/ajax/libs/typed.js/1.1.4/typed.min.js',}
使用量
创建插件时,只需为插件命名以供参考,指定是否希望光标闪烁,并可以选择指定json配置(有关详细信息,请参见Typed.js)。下一步为每个你想使用的句子添加一个子文本插件。
djangocms typedjs也可以在文本插件中使用。只需将子插件添加到文本容器并像往常一样进行配置,只有一个区别。这里不能将子插件添加到djangocms typedjs中,因此需要将语句作为json配置的一部分传递。下面的代码片段演示了如何实现此目标:
{// each of the sentances need to be set here: strings:["First sentence.","Second sentence."],// the stringElement needs to be set to null as I'm using this method by default. stringsElement:null}