PHPCMS 통합 UEditor 튜토리얼: 컨텐츠 편집 경험을 쉽게 향상시킵니다.

소개

UEditor는 PHPCMS에 쉽게 통합되어 콘텐츠 편집을 더욱 효율적이고 직관적으로 만들 수 있는 강력한 서식 있는 텍스트 편집기입니다.

통합 단계

UEditor 다운로드

최신 버전을 다운로드하려면 UEditor 공식 웹사이트를 방문하세요.

파일 업로드

다운로드한 파일의 압축을 풀고 ueditor 디렉터리를 PHPCMS의 statics 디렉터리에 업로드합니다.

구성 파일 수정

statics/ueditor/php/config.json 파일에서 imageUrlPrefix 옵션을 찾아 이미지 업로드용 URL 접두사로 변경합니다. 예를 들어:

"imageUrlPrefix": "http://www.example.com/statics/upload/"

템플릿 파일 추가

ueditor.html 과 같은 PHPCMS의 템플릿 디렉토리에 새 템플릿 파일을 만들고 파일에 UEditor JavaScript 파일을 로드한 다음 편집기를 초기화합니다.

<script type="text/javascript" src="statics/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="statics/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
    var ue = UE.getEditor('editor');
</script>

콘텐츠 모델 수정

PHPCMS 백엔드에 로그인하고 UEditor를 사용하려는 콘텐츠 모델을 찾으세요. 필드 옵션에 새 텍스트 필드를 추가하고 유형을 UEditor로 설정합니다.

변경사항 저장

모든 설정이 적용되도록 콘텐츠 모델 변경 사항을 저장합니다.

UEditor 사용

통합이 완료되면 콘텐츠 편집 페이지에서 UEditor를 사용할 수 있습니다. 편집을 시작하려면 텍스트 필드에서 편집기 아이콘을 클릭하기만 하면 됩니다.

힌트

• 이미지를 업로드하는 디렉터리에 적절한 저장 및 액세스 권한이 있는지 확인하세요.
• 보다 고급 구성 및 기능 확장에 대해서는 UEditor 공식 문서를 참조할 수 있습니다.