collective.js.charcount 1.1

概述

jQuery插件，用于动态统计文本区域和输入字段的Twitter风格字符数。

关于charCount

此插件首先创建一个兄弟元素（它立即添加到表单元素之后），称为“计数器”，其中存储剩余字符信息。在每个keyup事件或文本字段值更改时，计数函数会被触发，并且这个“计数器”元素的内容会相应地更改。如果剩余字符数达到“警告”区域（接近零），则添加CSS类。我们使用此类来更改字符计数信息的颜色。如果计数达到零并超过它，则添加另一个类，以便我们可以为超过限制的样式使用另一种样式。

为了方便您查找，这是插件默认生成的代码

<span class="counter">140</span>

插件选项（及默认值）

$("#message1").charCount();

$("#message2").charCount({
    allowed: 50,
    warning: 20,
    counterText: 'Characters left: '
});

form .counter{
    position:absolute;
    right:0;
    top:0;
    font-size:20px;
    font-weight:bold;
    color:#ccc;
}
form .warning{color:#600;}
form .exceeded{color:#e00;}

如何安装

此插件可以像其他Plone插件一样安装。请按照官方文档进行操作。

在您的门户上安装该软件包后，您可以在以下位置访问演示：http://youportal.com/++resource++collective.js.charcount.demo.html

有任何想法？发现了一个错误？请通过打开支持工单告诉我们。

大多数无害

安装

• 当您阅读此内容时，您可能已经运行了easy_install collective.js.charcount。有关安装setuptools（和EasyInstall）的说明，请参阅：http://peak.telecommunity.com/DevCenter/EasyInstall

• 获取pythonproducts并通过以下方式安装：

  python setup.py install --home /path/to/instance

  到您的Zope实例中。

• 在/path/to/instance/etc/package-includes目录中创建一个名为collective.js.charcount-configure.zcml的文件。该文件应只包含以下内容

  <include package="collective.js.charcount" />

或者，如果您正在使用zc.buildout和plone.recipe.zope2instance配方来管理您的项目，您可以这样操作

• 将collective.js.charcount添加到要安装的egg列表中，例如

  [buildout]
  ...
  eggs = collective.js.charcount

• 告诉plone.recipe.zope2instance配方安装一个ZCML别名

  [instance]
  recipe = plone.recipe.zope2instance
  ...
  zcml = collective.js.charcount

• 重新运行buildout，例如使用

  $ ./bin/buildout

如果您将从另一个包的configure.zcml文件中显式包含包，则可以跳过ZCML别名。

更新配置后，您需要运行“bin/buildout”，这将负责更新您的系统。

转到Plone站点的“站点设置”页面，然后单击“插件”链接。

勾选collective.js.charcount旁边的复选框，然后单击“激活”按钮。

注意：您可能需要清空浏览器缓存并保存资源注册表，才能看到软件包安装的效果。

变更日志

1.0（未发布）

• 初始发布