WordPress 코드 수정 편집기, 무료

많은 사람들이 WordPress 편집기를 무시하는 이유는 사용 가능한 기능이 너무 적기 때문입니다. 기사에 다양한 코드를 삽입해야 하는 경우가 많기 때문에 편집기 개선 플러그인 "CK 및 SyntaxHighlighter"를 사용하고 있습니다. 이 편집기는 매우 강력하지만 나중에 표시된 코드 강조 표시가 내가 사용한 템플릿과 심각하게 일치하지 않는다는 것을 발견했습니다. . 내 블로그는 복사 방지 기능이 있으므로 페이지 코드를 복사할 수 없습니다. 코드를 강조 표시하고 복사를 지원하려면 플러그인이 필요합니다.

나중에 다시 바이두와 구글을 통해 검색해봤습니다. 헤헤~ 코드 복사도 가능한 만족스러운 코드 하이라이팅 플러그인을 드디어 찾았습니다.

플러그인을 찾아서 설치하고 활성화했는데 보자마자 실망했습니다. 이 플러그인은 CK 및 SyntaxHighlighter 편집기 플러그인과 결합되어 있습니다. 함께 사용하면 작성된 코드가 많이 깨집니다. 테스트 결과 코드 강조 플러그인은 기본 편집기에서만 사용할 수 있는 것으로 나타났습니다. 즉, 사용하기 전에 CK 및 SyntaxHighlighter 편집기 플러그인을 제거해야 합니다. 진실은 어디에 있습니까?

나는 고민하기 위해 태어났다. 이 문제는 반드시 해결되어야 한다.

이제 문제는 편집기 플러그인을 사용하려면 코드 강조 플러그인을 사용할 수 없다는 것인데, 둘 중 하나를 선택하는 것은 정말 골치 아픈 일입니다. 두 세계의 장점을 모두 갖춘 솔루션을 찾아야 합니다!

둘러봐도 소용없어요. 우연히 공식 WordPress API 함수를 살펴봤습니다. 하늘에도 눈이 있다! 많은 개선 사항이 이면에서 편집기에 연결될 수 있다는 것이 밝혀졌습니다. CK 및 SyntaxHighlighter 편집기 플러그인을 확실히 제거하십시오. 실제로 WordPress 편집기는 매우 강력하며 거의 모든 편집기 버튼이 포함되어 있습니다. 단지 프로그램의 기본 기능이 상대적으로 적다는 것뿐입니다!

테스트를 위해 WordPress 기본 편집기에 일반적인 실용적인 기능을 즉시 추가했는데 효과가 정말 좋습니다. ㅋㅋㅋ 사진 좀 보세요!

기본 심플 에디터와 다른가요? 기능의 마지막 줄이 코드에 추가됩니다. 이러한 기능은 기본 편집기에서는 사용할 수 없습니다! 처음에는 이를 조정하고 추가하기만 하면 됩니다. 처음에는 이 방법을 탐색하는 데 많은 시간을 보냈지만 결국에는 이 방법이 실제로 매우 간단하다는 것을 알게 되었습니다!

사용 중인 테마의 템플릿 함수 파일(즉, function.php 파일)을 찾아 다음 코드를 추가하세요.

//Enhanced Editor Start

function add_editor_buttons($buttons) {

$buttons[] = 'fontselect';

$buttons[] = 'fontsizeselect';

$buttons[] = 'cleanup';

$buttons[] = 'styleselect';

$buttons[] = 'hr';

$buttons[] = 'del'

$buttons[] = '하위';

$buttons[] = 'sup';

$buttons[] = '복사';

$buttons[] = '붙여넣기';

$buttons[] = '잘라내기';

$buttons[] = '실행 취소';

$buttons[] = '이미지';

$buttons[] = '앵커';

$buttons[] = '배경색';

$buttons[] = 'wp_page';

$buttons [] = 'charmap';

return $buttons;

}

add_filter("mce_buttons_3", "add_editor_buttons");

//향상 편집기

를 종료하고 저장하세요! ㅎㅎ, 기사에 복사방지 기능이 활성화되어 있으면 페이지에 있는 코드는 복사가 안 되지만, 코드 오른쪽 상단에 있는 "소스코드 보기" 버튼을 누르면 팝업창에서 복사가 가능해요!

마지막으로 수집된 버튼에 의해 호출되는 Key를 붙이면 다음과 같은 기능을 할 수 있다. 중고 에디터에 추가해 보세요, 하하, 충분히 강력해요!

아래 기능 버튼은 직접 추가할 수 있습니다. 더 많은 기능을 추가하려면 코드에서 "$buttons[] =" 뒤의 작은따옴표로 묶인 단어를 아래 괄호 안에 나열된 키로 바꾸면 됩니다. !

여전히 워드프레스에 내장된 편집기 기능이 부족해서 고민하고 계신 분들, 한번 사용해 보세요!

워드프레스 에디터 버튼에서 호출하는 키 :

1. 잘라내기(잘라내기) 복사하기(복사하기) 붙여넣기(붙여넣기) 실행 취소( undo) Redo(redo) 가운데(justifycenter)

2. Bold(bold) Italic(italic) 왼쪽 정렬(justifyleft) 오른쪽 정렬(justfyright)

양쪽 정렬(justfyfull) 하이퍼링크 삽입 링크 (링크) 하이퍼링크 취소 (링크 해제) 그림 삽입 (이미지)

4. 서식 지우기 (removeformat) 밑줄 (underline) 취소선 (strikethrough)

5 . 앵커 텍스트(anchor) 새 텍스트(newdocument)

6. 글꼴 색상(forecolor) 글꼴 배경 색상(backcolor)

7. 서식 선택(formmatselect) 글꼴 크기 선택(fontsizeselect)

8. 스타일 선택(styleselect) 순서가 없는 목록(bullist) 번호 목록(numlist)

9. 들여쓰기 줄이기(outdent) 들여쓰기( indent) 도움말(wp_help)

10 HTML 코드 편집기 열기(code) 가로줄(hr) 중복 코드 지우기(정리)

11 위 첨자(sub) 아래 첨자(sup) 특수 기호(charmap) 추가 태그 삽입(wp_more )

12. 페이징 태그 삽입(wp_page)

13. 숨기기 버튼 표시 스위치(wp_adv)

14. 버튼 영역 시작 숨기기(wp_adv_start)

15. 버튼 영역 끝 숨기기(wp_adv_end)

16. 스펠체커(spellchecker)