andrew72ru/yii2-pen

类似于Medium.com的内容编辑器,基于https://github.com/sofish/pen开发的yii-2扩展

安装次数: 15

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

开放问题: 0

语言:JavaScript

类型:yii2-extension

dev-master 2015-05-13 04:31 UTC

This package is auto-updated.

Last update: 2024-09-23 02:14:48 UTC


README

类似于Medium.com的内容编辑器,基于https://github.com/sofish/pen

安装

推荐通过composer安装此扩展。

运行以下命令:

php composer.phar require --prefer-dist andrew72ru/yii2-pen "*"

或者将以下内容添加到您的composer.json文件的require部分:

"andrew72ru/yii2-pen": "*"

to

使用方法

在Active Form中使用此功能。

有两种使用情况。

第一种,对于多行文本(如textarea)。

此代码将向您的表单添加一个可编辑的section元素,并为每个段落创建一个p标签。

    use andrew72ru\pen\Pen;
    
    echo $form->field($model, 'text')->widget(andrew72ru\pen\Pen::className());

第二种情况添加了行内编辑功能——用于标题和其他单行文本。

此代码将带有page-geader类的h1标签,并添加editablecontent

    use andrew72ru\pen\Pen;
    
    echo $form->field($model, 'title')->widget(Pen::className(), [
        'clientOptions' => [
            'inline' => true,
            'tag' => 'h1',
            'class' => 'page-header'
        ]
    ]);