Visual에서 HTML 편집기로 전환 할 때 HTML 형식 유지


12

HTML 코드를 편집하고 Visual 편집기로 전환 한 후에도 HTML 코드를 편집 할 수있는 솔루션을 찾고있었습니다.

나는 운없이 많은 것들을 시도했다.

  • wp-no-format 플러그인
  • 원시 HTML 플러그인
  • 한 줄에 모든 HTML을 입력

콘텐츠를 관리하는 것이라면 Visual Editor를 비활성화합니다. 그러나 많은 콘텐츠 관리자와 HTML (예 : 양식) 및 편집 해야하는 콘텐츠가있는 페이지가 있으므로 옵션이 없습니다.

어떤 제안이라도 대단히 감사하겠습니다.


당신은 게시물 / 페이지에 코드를 표시하려고
합니까

HTML 코드는 가장 일반적으로 페이지에 표시됩니다.
evanmcd

난 그냥 몇 가지 구문 형광펜 플러스 검색 결과에 추가
xLRDxREVENGEx을

HTML 및 Visual Editor보기에서 코드를 존중하는 유일한 솔루션은 rawhtmlpro.com
Sylvain Rayé

답변:


7

나는 당신이 어떻게 느끼는지 정확히 알고 있으며 슬프게도이 문제는 TinyMCE가 아닌 워드 프레스 핵심 코드 또는 브라우저 호환성 문제로 인해 발생합니다. HTML 편집기에서 html 마크 업을 형식화하고 소스 코드에 영향을 미치지 않고 시각적 탭과 앞뒤로 전환하고 원래 HTML 형식을 손상시키지 않고 시각적 탭을 변경할 수있는 플러그인을 작성했습니다 ...

http://wordpress.org/extend/plugins/preserved-html-editor-markup/

또한 탭 들여 쓰기 (공백 4 개만)를 유지합니다. (-그리고 HTML5 호환성을 향상시킵니다.

유일한 함정은 wpautop를 비활성화한다는 것입니다. 일부 사람들은 편집기가 p 태그를 내용 주위에 감싸는 것을 싫어하기 때문에 시각적 편집기는 대신 캐리지 리턴에 br 태그를 사용하므로 스타일 시트를 조정해야 할 수도 있기 때문에 함정을 인용합니다.

즐겨!


1
wpautop 문제를 해결하는 몇 가지 기능으로 플러그인을 업데이트했습니다. 이제 비주얼 편집기는 p 태그 또는 br 태그 또는 둘 다를 삽입하도록 구성 할 수 있습니다 (두 개의 연속 된 줄 바꾸기는 ap 태그를 작성합니다). 또한 인라인 Javascript 및 CSS를 지원합니다. 버전 1.5에서는 곧 출시 될 예정이며 자바 스크립트 코드 블록도 지원합니다. 마크 업을 작성한 것처럼 보이게하려면 반드시 사용하는 플러그인입니다. 내가 시도한 것은 가깝지 않습니다.
마커스 교황

대단히 감사합니다. 이것은 내가 찾은 유일한 해결책으로 비주얼 편집기 (저장 후)가 HTML을 변경하지 않도록합니다.
jackJoe

오늘은 2015 년이며 플러그인에 업데이트가 있습니다
Ooker

여전히 매력처럼 작동합니다!
joseantgv


0

엉망이되지 않는 코드 섹션 만있는 경우 해당 민감한 HTML / 임베딩 등을 사용자 정의 필드에 저장할 수도 있습니다.

이 단축 코드 플러그인을 사용하면 게시물, 페이지 또는 위젯 안에 커스텀 필드 RAW를 포함 할 수 있습니다 : [include "my custom field name"]. 또한 [include global = "shared_code_menu"]와 같은 다른 게시물에서 일반적인 스 니펫을 가져올 수 있습니다.

저렴한 대안이며 한계가 있지만 가볍고 간단합니다.

http://pp19dd.com/wordpress-plugin-include-custom-field/



-1

자 이제 이것을 답변으로 옮기겠습니다. 이런 것을 원하십니까

-제목-
샘플 포스트

-내용
-lalalalalalalalalalalalalala

<div><a href="blah.com">Blah</a></div>

구문 형광펜 목록
- SyntaxHighlighter TinyMCE에 버튼
- WP SyntaxHighligter
- RBCODE
- 워드 프레스의 검색 결과 확장


흠, 솔직히 당신이 그 답을 얻으려고하는 것이 확실하지 않습니다. 좀 더 설명해 주시겠습니까? 내가 해결하려는 문제의 본질을 이해합니까?
evanmcd

나는 당신이 그렇다고 html을 보여주고 싶냐고 물었다. 이것이 구문 형광펜의 기능입니다. 이제 그것이 당신이 찾고있는 것이 아니라면 미안하지만 그것이 내가 읽는 방법입니다. 게시물의 모양을 변경하기 위해 게시물에 맞춤 HTML을 사용하려고합니까?
xLRDxREVENGEx

해결하려는 문제 : 1) HTML보기에서 HTML을 입력하십시오. 2) 디자인보기로 전환하십시오. 3) HTML보기로 다시 전환하십시오. HTML을 원하지 않을 때 수정되었습니다.
evanmcd

네, 방금 HTML이 아닌보기를 사용하지 않으므로 깨달았습니다. 나는 아직도 그것을 알아 내려고 노력하고있다
xLRDxREVENGEx
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.