WYSIWYG - 텍스트 및 코드 편집기

Question

필자는 다른 개발자가 가지고 있어야하며 StackOverflow가 가지고 있어야 할 필요가 있음을 알고 있습니다.

나는에 코드 예제를 게시 할 수있는 사이트를 구축하고있어

시나리오, 관리자 시스템을 통해 나에 의해 작성뿐만 아니라 가능한 프런트 엔드 reg'd 사용자입니다 기사.

미션

은 사용자가 기사를 게시 할 수있는 WYSIWYG 편집기가합니다. 분명히 그것은 텍스트 단락 일 수도 있고, 일부 제목 일 수도 있습니다 ... TinyMCE가 현재 이것을 다루고 있기 때문에 문제가 아닙니다. 텍스트와 혼합하여 코드 예제 (코드 태그에 포함)를 사용하는 것이 좋습니다.

실행 그래서 내가 TinyMCE를 연장으로 재생되었다. 코드 태그를 허용 할 수는 있지만 강조 표시된 텍스트를 코드 태그에 넣을 수는 없지만이를 사전 태그로 가져올 수는 있습니다. 문제가 아니다. 그래서 붙여 다음 WYSIWIG에

<xsl:template match="*" mode="jsonObjectOrElementProperty"> 
    <xsl:text>"</xsl:text> 
    <xsl:value-of select="name()"/> 
    <xsl:text>":</xsl:text> 
    <xsl:apply-templates select="." mode="jsonObjectProperties"/> 
    </xsl:template> 

및 강조 표시하고 미리 포맷 괜찮 선택, 그것은 < 및 > 모든 브래킷을 인코딩하고 완벽하게 괜찮습니다. 그것은 내 DB에 저장되어 있고 그와 같이 나옵니다.

<pre>&lt;xsl:template match="*" mode="jsonObjectOrElementProperty"&gt;<br /> &lt;xsl:text&gt;"&lt;/xsl:text&gt;<br /> &lt;xsl:value-of select="name()"/&gt;<br /> &lt;xsl:text&gt;":&lt;/xsl:text&gt;<br /> &lt;xsl:apply-templates select="." mode="jsonObjectProperties"/&gt;<br /> &lt;/xsl:template&gt;</pre> 

그러나 편집 할 때 기존 내용으로 텍스트 영역을로드하십시오. HTML을보십시오;

<textarea class="tinyMCE"><pre>&lt;xsl:template match="*" mode="jsonObjectOrElementProperty"&gt;<br /> &lt;xsl:text&gt;"&lt;/xsl:text&gt;<br /> &lt;xsl:value-of select="name()"/&gt;<br /> &lt;xsl:text&gt;":&lt;/xsl:text&gt;<br /> &lt;xsl:apply-templates select="." mode="jsonObjectProperties"/&gt;<br /> &lt;/xsl:template&gt;</pre></textarea> 

TinyMCE에의 모든 브래킷 재 - 인코딩 오히려 일반 텍스트로 치료보다, 유효하지 않은 요소로 ALL 및 XML 기반 코드, 스크립트 태그를 제거합니다.

가 일부를 무시 있도록이 CDATA 기능의 어떤 종류의가 없다고,이에 추가

... 나는 처음부터 쓸 수있는 나는, 플러그인이 필요

, 내가 havn't는 시간 또는 예산. StackOverflow가 정확히이 질문의 작성에 어떤 역할을했는지 !! 좋은 유래

질문

사람이 TinyMCE에이 일을 어떤 행운이 있었나요? Stackoverflows를 도용하거나 대여 할 수 있습니까? 소스를 확인하는 것은 플러그인, 더 많은 맞춤형 빌드 된 것을 볼 수 없습니다. 누군가 코드 스 니펫을 허용하는 다른 서식 지정 플러그인을 알고 있습니까?

Answer 1

Codemirror - 당신을위한 해결책 일 수 있습니까?

Answer 2

나는 당신의 tinymce 초기화 설정 인 valid_elements와 valid_children을 조정할 필요가 있다고 생각한다.