이전 글에서는 yii2에 Baidu Editor umeeditor를 통합하는 방법과 umeditor가 사진을 업로드하는 문제를 해결하는 방법을 소개했습니다.
오늘은 yii2와 또 다른 강력하고 사용하기 쉬운 리치 텍스트 편집기인 Redactor의 통합에 대해 이야기하겠습니다. 개인적으로 Baidu Editor보다 Redactor가 사용하기 더 쉽다고 생각합니다
Redactor에는 공식 Yii2 플러그인 패키지가 있으며 매우 실용적입니다.
우선 조급해하지 마시고 먼저 Redactor를 설치해 보시기 바랍니다.
설치는 https://github.com/yiidoc/yii2-redactor를 참고하시면 됩니다. 영어를 이해하지 못하는 초보분들이 많으니 링크를 클릭하셔서 github에 설치방법을 참고하시면 전체 설치과정에서 어떤 주의사항이 필요한지 꼭 확인하시길 바라겠습니다.
1. 마찬가지로 작곡가를 사용하여 설치할 수 있습니다.
2. 구성 항목 추가
'modules' => [ 'redactor' => [ 'class' => 'yii\redactor\RedactorModule', 'uploadDir' => '上传目录', 'uploadUrl' => '图片可访问地址', 'imageAllowExtensions'=>['jpg','png','gif'] ], ],
첫 번째로 주의할 점은 기본 업로드 파일이 루트 디렉터리에 저장된다는 점입니다. 파일 변경 디렉토리를 저장하고 uploadDir 구성 항목을 수정하는 동시에 이미지에 액세스할 수 있도록 uploadUrl을 수정해야 합니다. 3. 뷰가 ActiveField 유형인 경우 다음 구성이 적용됩니다
<?= $form->field($model, 'content')->widget(\yii\redactor\widgets\Redactor::className()) ?>
그러나 Yii의 내장 구성 요소를 사용하여 양식이 생성되지 않은 경우 다음과 같아야 합니다. 다음 구성
<?= \yii\redactor\widgets\Redactor::widget([ 'model' => $model, 'attribute' => 'content' ]) ?>
4. 업로드 클래스는 일련의 편집자를 사용하지만 업로드 클래스를 다시 작성해야 한다고 말씀하셨습니다. 몇 가지만 추가하면 됩니다. 아래와 같이
<?= $form->field($model, 'content')->widget(\yii\redactor\widgets\Redactor::className(), [ 'clientOptions' => [ 'imageManagerJson' => ['/redactor/upload/image-json'], 'imageUpload' => ['/redactor/upload/image'], 'fileUpload' => ['/redactor/upload/file'], 'lang' => 'zh_cn', 'plugins' => ['clips', 'fontcolor','imagemanager'] ] ]) ?>
을 구성합니다. 5. 언어 또는 플러그인을 구성하려면 네 번째 단계와 마찬가지로 clientOptions 항목에 lang 및 플러그인 구성 항목을 추가하면 됩니다. 물어보고 싶은 것은 모두 사용 가능한 플러그인입니다. Vendorii2-redactorassetsplugins 디렉토리를 열어서 확인하세요.
6. 리디터가 모듈로 도입되므로 이미지 업로드 시 주의하세요. 프로젝트에 권한 관리가 포함되어 있으면 권한을 추가하세요.
7. 중요한 전제를 잊어버렸습니다. PHP가 fileinfo 확장자를 지원하는지 확인하세요. php.ini 파일을 열고 fileinfo 앞의 세미콜론을 제거하세요
위는 편집기에서 소개한 Yii2 통합 리치 텍스트 편집기 편집자 예제 튜토리얼입니다.
이상에서는 리치 텍스트 편집기의 내용을 포함하여 Yii2 통합 리치 텍스트 편집기 편집자 예제 튜토리얼에 대한 간략한 분석을 소개했습니다. PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.