WordPress 비주얼 편집기에 사용자 정의 기능 추가
- Lisa Kudrow원래의
- 2025-02-16 13:02:11434검색
컨텐츠 편집기는 WordPress의 핵심 부분입니다. 이를 통해 사용자는
visual wysiwyg (당신이 얻는 것)보기에서 컨텐츠, 갤러리 및 비디오를 만들고 관리 할 수 있습니다.
버튼을 클릭하면
WordPress Visual Editor에 사용자 정의 스타일을 추가하려면 WordPress Visual에 사용자 정의 스타일을 추가 할 수 있습니다. 'tiny_mce_before_init'필터를 사용하여 편집기. 이 필터를 사용하면 'Style_formats'옵션이 포함 된 Tinymce 설정 배열을 수정할 수 있습니다. 이 옵션에 맞춤 스타일을 배열로 추가 할 수 있으며 각 스타일을 정의 할 수 있습니다. 각 스타일에는‘제목’,‘블록’,‘클래스’및‘래퍼’속성이 포함되어야합니다. WordPress Visual Editor에 사용자 정의 글꼴을 추가하려면 어떻게해야합니까? WordPress Visual Editor에 사용자 정의 형식을 추가 할 수 있습니까? WordPress Visual을 비활성화 할 수 있습니다. 편집자로 이동하여 WordPress Admin 영역에서 프로필을 작성하고 옵션을 작성할 때 '시각적 편집기 비활성화'옵션을 확인하십시오. <span>if ( is_admin() ) {
</span> <span>add_action( 'init', array( &$this, 'setup_tinymce_plugin' ) );
</span><span>}</span>
<span>/**
</span><span>* Check if the current user can edit Posts or Pages, and is using the Visual Editor
</span><span>* If so, add some filters so we can register our plugin
</span><span>*/
</span><span>function setup_tinymce_plugin() {
</span>
<span>// Check if the logged in WordPress User can edit Posts or Pages
</span> <span>// If not, don't register our TinyMCE plugin
</span> <span>if ( ! current_user_can( 'edit_posts' ) && ! current_user_can( 'edit_pages' ) ) {
</span> <span>return;
</span> <span>}
</span>
<span>// Check if the logged in WordPress User has the Visual Editor enabled
</span> <span>// If not, don't register our TinyMCE plugin
</span> <span>if ( get_user_option( 'rich_editing' ) !== 'true' ) {
</span> <span>return;
</span> <span>}
</span>
<span>// Setup some filters
</span> <span>add_filter( 'mce_external_plugins', array( &$this, 'add_tinymce_plugin' ) );
</span> <span>add_filter( 'mce_buttons', array( &$this, 'add_tinymce_toolbar_button' ) );
</span>
<span>}</span> 알림 :
이 명령은 몇 가지 세력 검사를 수행하여 사용자가 일부 텍스트를 선택하고 CSS 클래스 이름을 입력하고 프로세스를 취소하지 않았는지 확인합니다.
.
해당 점검이 통과되면 편집기의 execcommand 함수를 실행하여 선택한 텍스트를 대체하여 입력 된 CSS 클래스를 포함하는 SPAN 태그에 랩핑 한 선택한 텍스트를 교체합니다.
모든 것이 작동하면 '텍스트'보기로 전환하면 선택한 텍스트가 이제 스팬 태그로 래핑되는 것을 보게됩니다.
<span>/**
</span><span> * Plugin Name: TinyMCE Custom Class
</span><span> * Plugin URI: https://www.sitepoint.com
</span><span> * Version: 1.0
</span><span> * Author: Tim Carr
</span><span> * Author URI: http://www.n7studios.co.uk
</span><span> * Description: TinyMCE Plugin to wrap selected text in a custom CSS class, within the Visual Editor
</span><span> * License: GPL2
</span><span> */
</span>
<span>class TinyMCE_Custom_Class {
</span>
<span>/**
</span><span> * Constructor. Called when the plugin is initialised.
</span><span> */
</span> <span>function __construct() {
</span>
<span>}
</span>
<span>}
</span>
<span>$tinymce_custom_class = new TinyMCE_Custom_Class;</span> 코딩하지 않고 WordPress 비주얼 편집기를 사용자 정의 할 수 있습니까? 플러그인을 사용하여 코딩하지 않고 WordPress 비주얼 편집기를 사용자 정의하십시오. 도구 모음에 버튼을 추가, 제거 또는 재 배열 할 수있는 여러 플러그인이 있습니다. 이 목적을위한 인기있는 플러그인은 Tinymce Advanced, WP Edit 및 Ultimate Tinymce가 포함됩니다.
Tinymce는 플랫폼 독립적 인 웹 기반 JavaScript HTML Wysiwyg 편집기 컨트롤입니다. WordPress Visual Editor에 전원을 공급하는 기본 소프트웨어입니다. Tinymce API를 이해하고 사용하면 WordPress Visual Editor에 사용자 정의 기능을 추가 할 수 있습니다. 사용자 정의 글꼴을 추가 할 수 있습니다. 'MCE_CSS'필터를 사용하여 WordPress 비주얼 편집기에. 이 필터를 사용하면 편집기에 추가 CSS 파일을 추가 할 수 있습니다. 사용자 정의 글꼴을 가져오고 사용하는 클래스를 정의한 CSS 파일을 작성한 다음 'MCE_CSS'필터를 사용 하여이 파일을 편집기에 추가 할 수 있습니다. ?
예, WordPress Visual Editor는 완전히 반응이 좋으며 모바일 장치에서 사용할 수 있습니다. 그러나 화면 크기가 작기 때문에 '주방 싱크'드롭 다운에 일부 도구 모음 버튼이 숨겨 질 수 있습니다. WordPress Visual Editor를 비활성화하려면 어떻게해야합니까?
예, 예, 예, WordPress Visual Editor에서 단축 코드를 사용할 수 있습니다. 편집기에 바로가 코드를 입력하면 게시물이 표시되면 처리됩니다.
WordPress Visual Editor에 테이블을 추가하려면 WordPress에 테이블을 추가 할 수 있습니다. 도구 모음에서 '테이블'버튼을 사용하여 비주얼 편집기. 이 버튼이 표시되지 않으면 TinyMce가 고급과 같은 플러그인을 추가하여 추가해야 할 수도 있습니다.
위 내용은 WordPress 비주얼 편집기에 사용자 정의 기능 추가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!