nrkbetaquiz, 在文章上,要求读者在阅读前通过测验

分享于 

3分钟阅读

GitHub

  繁體 雙語
Require the reader to pass a quiz before being able to comment on an article
  • 源代码名称:nrkbetaquiz
  • 源代码网址:http://www.github.com/nrkbeta/nrkbetaquiz
  • nrkbetaquiz源代码文档
  • nrkbetaquiz源代码下载
  • Git URL:
    git://www.github.com/nrkbeta/nrkbetaquiz.git
    Git Clone代码到本地:
    git clone http://www.github.com/nrkbeta/nrkbetaquiz
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/nrkbeta/nrkbetaquiz
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    NRKbeta Know2Comment

    要求用户通过关于故事的测验,然后才能发表评论。

    这个插件禁用注释表单,直到用户通过了他要评论的故事的评论。

    插件是为Wordpress制作的,但是JavaScript组件也可以很容易地实现到其他CMS系统中。

    用法

    • 下载插件插件
    • 将下载的文件夹从 nrkbetaquiz-master 重命名为 nrkbetaquiz
    • 将它上载到你的插件文件夹
    • 在你的wordpress后端启用插件
    • 在管理员界面中填写问答问题和答案
    • 开始使用它 !

    的使用( 在Wordpress之外)

    如果你使用的是不同的内容管理系统,你仍然可以使用JavaScript组件在站点上启用这里功能。

    组件需要在保存注释窗体的容器之前使用 DIVDIV 有两个数据属性: data-nrkbetaquizdata-nrkbetaquiz-errorDIV 还需要类 nrkbetaquiz

    data-nrkbetaquiz-error 是一个包含错误消息的字符串,以防止用户已经回答了测试 wrongfully。 data-nrkbetaquiz 是一个具有以下结构的array:

    
    [{
    
    
     text: 'Who is the current president of the United States?'
    
    
     answers: ['Barack Obama', 'Donald Trump', 'Steve Bannon'],
    
    
     correct: 2
    
    
     }, {
    
    
     text: 'What is the radius of Earth?'
    
    
     answers: ['6 371 kilometers', '371 kilometers', '200 kilometers'],
    
    
     correct: 0
    
    
    }]
    
    
    
    

    下面是实现的完整示例:

    
    <script src="nrkbetaquiz.js"></script>
    
    
    <div class="nrkbetaquiz"
    
    
     data-nrkbetaquiz="[{
    
    
     text: 'Who is the current president of the United States?'
    
    
     answers: ['Barack Obama', 'Donald Trump', 'Steve Bannon'],
    
    
     correct: 2
    
    
     }, {
    
    
     text: 'What is the radius of Earth?'
    
    
     answers: ['6 371 kilometers', '371 kilometers', '200 kilometers'],
    
    
     correct: 0
    
    
     }]"
    
    
     data-nrkbetaquiz-error="You fail">
    
    
    </div>
    
    
    
    <div id="YOUR_COMMENT_FORM_CONTAINER"></div>
    
    
    
    

    COM  COMM  ART  Reader  Require  文章  
    相关文章