[wordpress插件] demon image annotation恶魔图像注释

wordpress 插件 文章 2020-04-15 15:40 0 102 全屏看文
评分
100
描述

This plugin allows you to add textual annotations to images by select a region of the image and then attach a textual description, the concept of annotating images with user comments.

此插件允许您通过选择图像的区域,然后附加文本描述,即用用户注释对图像进行注释的概念,向图像添加文本注释。

Integration with JQuery Image Annotation from Chris (http://www.flipbit.co.uk/jquery-image-annotation.html) with PHP support from GitHub (http://github.com/stas/jquery-image-annotate-

与Chris(http://www.flipbit.co.uk/jquery-image-annotation.html)的JQuery Image Annotation集成,并获得GitHub(http://github.com/stas/jquery-image-annotate-

php-fork).

php-fork)。

Live Demo:

现场演示:

http://www.superwhite.cc/demon/image-annotation-plugin

nofollow“> http://www.superwhite.cc/demon/image-annotation-plugin

Needs Your Support:

需要您的支持:

It is hard to continue development and support for this free plugin without contributions from users like you.

没有像您这样的用户的贡献,很难继续开发和支持这个免费插件。

If you enjoy using demon Image Annotation and find it useful, please consider making a donation.

如果您喜欢使用妖魔图像注释并且发现它很有用,请考虑捐赠。

Your donation will help encourage and support the plugin’s continued development and better user support.

您的捐款将有助于鼓励和支持插件的持续开发以及更好的用户支持。

Donate

“ title =” Donate“ rel =” nofollow“>捐赠

Some features:

一些功能:

    • Option to approve, edit and remove image notes in admin page.
    • 用于在管理页面中批准,编辑和删除图像注释的选项。

    • Preview image annotation in admin page.
    • 在管理页面中预览图像注释。

    • Auto insert unique id attribute for all the images for image note.
    • 自动为图像注释的所有图像插入唯一的id属性。

    • Option to allow image annotation for login user who can moderate comment only
    • 为只能审核评论的登录用户提供图像注释的选项

    • Gravatar in the notes
    • 笔记中的墓碑

    • Option to sync with wordpress comments.
    • 与wordpress注释同步的选项。

    • Option to show thumbnail in comment list.
    • 用于在评论列表中显示缩略图的选项。

    • ‘Mouseover to load notes’ on top of every image note (editable).
    • 每个图像注释上方的“鼠标悬停以加载注释”(可编辑)。

    • ‘Link’ on top of every image note if hyperlink image (editable).
    • 每个图片注释上方的“链接”(如果有超链接图片,则为可编辑)。

      1. There’s a new method to exlcude image annotation after version 3, but previous version method id=”img-exclude” still work.

      2. 在版本3之后,有一种新的方法可以排除图像注释,但是以前版本的方法id =” img-exclude”仍然有效。

      3. Image preview for admin editing is only support version 3 and above, image note added with previous version will not support.
      4. 用于管理员编辑的图像预览仅支持版本3和更高版本,不支持使用先前版本添加的图像注释。

安装步骤

Installation

安装

    1. Put the plugin folder into [wordpress_dir]/wp-content/plugins/
    2. 将插件文件夹放入[wordpress_dir] / wp-content / plugins /

    3. Go into the WordPress admin interface and activate the plugin
    4. 进入WordPress管理界面并激活插件

    5. Choose the settings you want in demon-image-annotation settings.
    6. 在“恶魔图像注释”设置中选择所需的设置。

    How to use

    使用方法

      1. First enter div wrapper id or class in settings where your post content appear, or else the plugin can’t find the wrapper to start.

        首先在显示您的帖子内容的设置中输入div包装器 id class ,否则插件找不到要启动的包装器。

        Example (.entrybody)

        示例(.entrybody)

           

      2. To embed annotations and comments on images, your img tag must have id attribute value start with '', this plugin already did the trick if you enable Auto Generate Image ID<

        要在图像上嵌入注释和注释,您的img标签必须具有以''开头的id属性值,如果您启用自动生成图像ID <

        /strong> option.

        / strong>选项。

      3. If you wish to add an id attribute maunally, here is the guide on how to insert id attribute to img tag.

        如果您想手动添加id属性,请参阅以下指南,了解如何将id属性插入img标签。

        – First disable Auto Generate Image ID option

        –首先禁用自动生成图像ID 选项

        – Add an id attribute start with ‘img-‘ follow by unique id to img tag.

        –添加以‘img-’开头的id属性,后跟img标签的唯一ID。

        – All the images must have unique and different id or else you will get the same comments.

        –所有图像必须具有唯一且不同的ID,否则您将获得相同的注释。

        Example (img-4774005463)

        示例(img-4774005463)

      4. Decide the option for WordPress Comments setting.

        确定 WordPress评论设置的选项。

        Sync with wordpress comments:

        与wordpress评论同步:

        – image note sync with wordpress comment database

        –与Wordpress评论数据库同步图像注释

        – modified comment will auto update both database

        –修改后的评论将自动更新两个数据库

        – deleted comment from wordpress comment will not sync, have to delete manually in image notes table list.

        –从wordpress注释中删除的注释将不会同步,必须在图像注释表列表中手动删除。

        – new image note from annoymous will auto add into wordpress comment as waiting approval.

        –来自不知名的新图片注释将自动添加到wordpress注释中,作为等待批准。

        – the image note only publish when the comment is approve.

        –仅在批准评论后发布图像注释。

        Not sync with wordpress comments:

        不与wordpress评论同步:

        – standalone image note database.

        –独立的图像注释数据库。

        – new image note will publish without approval.

        –未经许可,新的图像注释将发布。

        Pls note if you switch the option, the comments added with previous option will not load.

        请注意,如果您切换选项,则不会加载使用先前选项添加的注释。

      Usage:

      用法:

        1. Disable Add Note button:

          禁用添加注释按钮:

          Add an addable attribute with value “false” to disable the add note button, but image notes still viewable.

          添加值为“ false”的可添加属性以禁用“添加注释”按钮,但图像注释仍可见。

          Login User who can Moderate Comments still able to see Add button option.

          可以审核评论的登录用户仍然可以看到“添加”按钮选项。

        2. Exclude image:

          排除图像:

          Add an exclude attribute to disable image annotation function.

          添加排除属性以禁用图像注释功能。

        3. Comments thumbnail:

          评论缩略图:

          To add thumbnails to your comments list manually, just add the php code below in your comment callback function.

          要将缩略图手动添加到评论列表中,只需在评论回调函数中添加以下php代码即可。

          comment_ID);
              

          comment_ID);
              

          }?>

          }?>

下载地址
https://downloads.wordpress.org/plugin/demon-image-annotation.zip
-EOF-