ckeditor에서 html로 정리하기

안녕하세요, 저는 ckeditor에 약간의 문제가 있습니다. 기본적으로 HTML 정리 명령을 실행하는 편집기를 만들어야합니다. 이 작업을 수행 할 수있는 방법이 있습니까? 현재 소스에 몇 가지 내용을 입력 한 다음 저장을 누르면 실행되지 않는 것처럼 보입니다. '정상적인'편집기보기 에서처럼 HTML을 정리할 수 있기를 바랍니다. 아이디어가 있습니까? 감사 리처드ckeditor에서 html로 정리하기

는 여기에 몇 가지 예제 코드이 무엇을 내가 원하는 것은 문제가있는 경우 HTML을 수정하지만, 작동 방법

<SCRIPT type=text/javascript src="http://www.johnpricephotography.co.uk/crawler.js"> 
/* Text and/or Image Crawler Script v1.5 (c)2009-2011 John Davenport Scheuer 
    as first seen in http://www.dynamicdrive.com/forums/ 
    username: jscheuer1 - This Notice Must Remain for Legal Use 
    updated: 4/2011 for random order option, more (see below) 
*/ 

</SCRIPT> 
<div class="marquee" id="mycrawler2"> 
    <img alt="Derby wedding photographer - masa restaurant wedding" src="http://johnprice.foliopic.com/images/3539/homepage//226.jpg" style="width: 204px; height: 162px" /> <img alt="Shottle Hall Derby by Nottingham wedding photographer, shottle hall wedding" src="http://www.nottinghamweddingphotography.co.uk/images/sites/3539/gallery/large/049_1314978790.jpg" style="width: 204px; height: 162px" /> <img alt="Shottle Hall wedding Derby wedding by Nottingham wedding photographer" src="http://www.nottinghamweddingphotography.co.uk/images/sites/3539/gallery/large/13150063462954.jpg" style="width: 204px; height: 162px" /> <img alt="derby conference centre wedding by nottingham wedding photographer" src="http://johnprice.foliopic.com/images/3539/homepage//146_1.jpg" style="width: 250px; height: 162px" /> <img alt="professional wedding photographer john price" src="http://johnprice.foliopic.com/images/3539/homepage//31.jpg" style="width: 181px; height: 162px" /> <img alt="Leicestershire wedding photographer john price" src="http://www.nottinghamweddingphotography.co.uk/images/sites/3539/gallery/normal/ian---jo--24-of-62-_1312848448.jpg" style="width: 223px; height: 162px" /> <img alt="Leicestershire wedding photographer john price" src="http://www.nottinghamweddingphotography.co.uk/images/sites/3539/gallery/normal/ian---jo--47-of-62-_1312849131.jpg" style="width: 124px; height: 162px" /> <img alt="Derby river lights holiday inn wedding by derby wedding photographer john price" src="http://www.nottinghamweddingphotography.co.uk/images/sites/3539/gallery/normal/112_1314726892.jpg" style="width: 164px; height: 162px" /> <img alt="alvaston park wedding from derby conference centre wedding" src="http://www.nottinghamweddingphotography.co.uk/images/sites/3539/gallery/normal/163_1311890753.jpg" style="width: 220px; height: 162px" /> <img alt="London uk wedding photographer" src="http://www.nottinghamweddingphotography.co.uk/images/sites/3539/gallery/normal/flashmo-800x450-30_1311894940.jpg" style="width: 215px; height: 162px" /> <img alt="London uk wedding photographer" src="http://www.nottinghamweddingphotography.co.uk/images/sites/3539/gallery/normal/flashmo-800x450-04_1311894907.jpg" style="width: 212px; height: 162px" /></div> 
<div class="marquee"> 
    &nbsp;</div> 
<h1 align="center"> 
    <font face="Times New Roman, Times, serif" size="4"><b><font size="5">By Nottingham Wedding Photographer - John Price, </font></b></font><br /> 
    <span style="color: #a9a9a9"><font face="Times New Roman, Times, serif" size="4"><b><font size="5">&#39;Give me a wedding and I will give you memories&#39;</font></b></font></span></h1> 
<table align="center" border="0" cellpadding="1" cellspacing="1" style="width: 800px"> 
    <tbody> 
     <tr> 
      <td> 
       <p> 
        <br /> 
        <span style="font-size: 14px"><font face="Times New Roman, Times, serif"><span style="color: #000000">Welcome to the&nbsp;website of Nottingham wedding photographer John Price. </span><span style="color: #000000">If you are browsing my website, the chances are that you already are or have recently become engaged. Congratulations. You are now both embarking on an exciting journey together and never before will you have so many choices to make, not least choosing a wedding photographer in nottingham or a wedding photographer in Derby or Leicester and beyond.&nbsp;</span></font></span></p> 
      </td> 
     </tr> 
    </tbody> 
</table> 
<div> 
    &nbsp;</div> 
<SCRIPT type=text/javascript> 
marqueeInit({ 
    uniqueid: 'mycrawler2', 
    style: { 
     'padding': '2px', 
     'width': '840px', 
     'height': '160px' 
    }, 
    inc: 10, //speed - pixel increment for each iteration of this marquee's movement 
    mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false) 
    moveatleast: 1, 
noAddedSpace: false, 
    neutral: 106, 
    savedirection: true, 
    random: true 

}); 
</SCRIPT><div> 
    &nbsp;</div> 
<p> 
    <span style="font-size: 16px"><span style="font-family: arial, helvetica, sans-serif">&nbsp;</span></span></p> 
<p> 
    &nbsp;</p> 
<table border="0" cellpadding="1" cellspacing="1" style="width: 800px"> 
    <tbody> 
     <tr> 
      <td> 
       <p> 
        <strong><span style="font-size: 18px"><span style="font-family: arial, helvetica, sans-serif"><strong><span style="font-size: 18px"><span style="font-family: arial, helvetica, sans-serif">Nottingham wedding photographer - John Price<br /> 
        Receives wedding photographer recommedation by Insight Magazine. </span></span></strong></span></span></strong></p> 
       <p style="text-align: center"> 
        <strong><span style="font-size: 18px"><span style="font-family: arial, helvetica, sans-serif">&nbsp;</span></span></strong></p> 
       <p> 
        <strong><span style="font-size: 18px"><span style="font-family: arial, helvetica, sans-serif"><span style="font-size: 12px"><span style="font-family: arial, helvetica, sans-serif">October 2011 edition of the Insight Magazine features a full page recommended article on the wedding photography services that I provide. </span></span></span></span></strong></p> 
       <p> 
        &nbsp;</p> 
       <p> 
        <span style="font-size: 12px"><span style="font-family: arial, helvetica, sans-serif">This is also a privilege for the beautiful bride and grooms which also feature in this article. The photos was all taken from real weddings that I photographed during 2011</span></span></p> 
       <p> 
        &nbsp;</p> 
       <p> 
        <span style="font-size: 12px"><span style="font-family: arial, helvetica, sans-serif">A big thank you to the couples featured.</span></span></p> 
       <p> 
        <span style="font-size: 12px"><span style="font-family: arial, helvetica, sans-serif">Wayne&nbsp;&amp; Katey was married at the Derby Riverlights Holiday Inn, </span></span></p> 
       <p> 
        <span style="font-size: 12px"><span style="font-family: arial, helvetica, sans-serif">Ian &amp; Jo were had an amazing wedding at&nbsp;Shottle Hall, Derby..&nbsp; </span></span></p> 
       <p> 
        <span style="font-size: 12px"><span style="font-family: arial, helvetica, sans-serif">James &amp; Kerry-Ann was married at the Derby Conference Centre.</span></span></p> 
       <p> 
        &nbsp;</p> 
       <p> 
        &nbsp;</p> 
       <p> 
        <span style="font-size: 12px"><span style="font-family: arial, helvetica, sans-serif">You can view a pdf copy of this interview <a href="http://www.johnpricephotography.co.uk/Nottingham Wedding Photographer.pdf"><strong><span style="color: #0000ff"><span style="font-size: 14px">Here</span></span></strong></a>.or see an image <strong><a href="http://www.nottinghamweddingphotography.co.uk/images/sites/3539/gallery/large/1317302692.jpg"><span style="color: #0000ff"><span style="font-size: 14px">Here</span></span></a></strong></span></span></p> 
      </td> 
      <td style="text-align: center"> 
       <img alt="Nottingham Wedding Photographer Recommended By Insight Magazine" src="http://www.nottinghamweddingphotography.co.uk/images/sites/3539/gallery/normal/1317297874.png" style="width: 264px; height: 187px" /></td> 
     </tr> 
    </tbody> 
</table> 
<p> 
    &nbsp;</p> 
<p> 
    &nbsp;</p> 
<p> 
    &nbsp;</p> 
<p> 
    &nbsp;</p> 
<p> 
    &nbsp;</p> 
<p> 
    &nbsp;</p> 
<p> 
    &nbsp;</p> 
<p> 
    &nbsp;</p> 
<p style="text-align: center"> 
    &nbsp;</p> 
<p> 
    <span style="font-size: 12px"><span style="font-family: arial, helvetica, sans-serif">Wedding photographer in Nottingham, Wedding photographer in Derby, Wedding photographer in leicester.</span></span></p> 
<p> 
    <font face="Times New Roman, Times, serif"><font color="#666666"><font color="#666666">John Price is a Nottingham NG based wedding photographer who enjoys capturing that special moment that you know you can look back on time and time again. As a Nottingham wedding photographer, I make no distinction between a Church or Civil Ceremony, Registry Office or Civil Partnerships. Every wedding commands the very best.<span style="display: none">&nbsp;</span></font></font></font></p> 
<p> 
    <font face="Times New Roman, Times, serif"><font color="#666666">Nottingham Wedding Photography, Nottingham Boudoir Photography, Nottingham Portrait Photography, Nottingham Trash The Dress Photography Covering not just Nottingham, Mansfield, Derby, Leicester, Lincolnshire, Peterborough but the whole of the UK</font></font>&nbsp;<span style="display: none">&nbsp;<span style="display: none">&nbsp;</span></span></p> 
<p> 
    &nbsp;</p> 
<p> 
    &nbsp;&nbsp;</p> 
<p> 
    <a href="http://www.nottinghamweddingphotography.co.uk/article/shottle-hall-wedding-photos-of-ian---jo-1963">Shottle Hall Wedding Photos by Derby Wedding Phototographer John Price&nbsp;Photography at shottle hall&nbsp;&nbsp; </a></p> 
<p> 
    <a href="http://www.nottinghamweddingphotography.co.uk/article/the-wedding-of-james---lisa-at-rufford-abbey-country-park-2144">Rufford Abbey Wedding Photos by Nottingham Wedding Phototographer Nottingham Rufford Abbey Country Park.</a></p> 
<p> 
    <a href="http://www.nottinghamweddingphotography.co.uk/article/masa-restaurant-wedding--the-old-chapel--mark---anna-1915">Masa Restaurant Wedding photos Derby wedding photography at Massa Restaurant.</a></p> 
<p> 
    <a href="http://www.nottinghamweddingphotography.co.uk/article/the-derby-conference-centre-wedding---james---kerry-ann-1911">The Derby Conference Centre Wedding photos by Derby wedding photographer John Price Photography</a></p> 
<p> 
    <a href="http://www.nottinghamweddingphotography.co.uk/article/the-wedding-of-craig---sarah-at-the-nottingham-council-house-1906">Nottingham Council House Wedding Photos Photographer</a></p> 
<p> 
    <a href="http://www.nottinghamweddingphotography.co.uk/page/nottingham-boudoir-photographer-1949">Nottingham Boudoir, Derby Boudoir, Leicester Boudoir Photographer</a></p>

에게 있습니다. 기본적으로이 HTML은 숨겨진 요소에 저장되고 사용자가 클릭하면 모든 요소가 정렬됩니다. 정직하게 생각하면 문제를 해결하는 가장 좋은 방법은 아니지만 현재 문제를 해결하려고합니다. 리처드

출처

2012-01-23 Richard Housham

저장하기 전에 '보통'편집기보기로 전환해야한다고 생각합니다. – Mateo

그래, 나도 알아,하지만 우리는 사용자에 대해 이야기하고 있으며 그들 모두를 통제 할 수는 없다. 다른 아이디어가 있다면 위대한 것입니다. 당신의 도움을 주셔서 감사합니다. –

도구 모음에 embed 'save'버튼을 사용 했습니까? – Mateo

, 당신은 (단지 CKEditor 기본 데이터 프로세서와 데이터를 처리하는) 저장하기 전에 다음을 수행하여보십시오 :

이

var yourEditor = CKEDITOR.instances.yourEditor; 
    // retrieve current data from editor and process it with its dataprocessor 
    var formattedDataForWysiWyg = yourEditor.dataProcessor.toHtml(yourEditor.getData()); 
    // "decode" content processed by ckeditor 
    var sourceData = yourEditor.dataProcessor.toDataFormat(formattedDataForWysiWyg); 
    // set formatted data back 
    yourEditor.setData(sourceData);

물론, 당신이 자주 할 경우 명중 perfomance 수 있습니다.

업데이트 : 죄송합니다. 약간 잘못 생각했지만 "{cke_protected}"에 대해 언급 한 후에 기억했습니다. 따라서 dataProcessor의 "toHtml"메소드는 깨진 HTML을 수정하고 보호 된 요소 (스크립트, 플래시)를 특별한 코드 구성으로 랩핑하여 wysiwyg 모드를 통해 편집하는 것을 금지하지만 동일한 HTML이 소스 모드로 표시되어야 할 때 편집기는 " toDataFormat "메서드를 호출하여 모든 ckeditor 관련 코드 구문을 제거합니다. 그래서, 위의 내 업데이트를 참조하십시오.

업데이트 2 : 새로운 솔루션은 CKEditor 모두 3.6.2과 3.5.3 버전의 작동합니다.

출처

2012-01-26 14:37:59

이것은 트릭을하는 것처럼 보이므로이 글을 틱 할 것입니다! –

죄송합니다. 작동하는 것처럼 보였습니다. 사용자가 HTML의 매우 긴 부분을 가져 왔고 작동하지 않으려 고했습니다. 나는 드로잉 보드로 돌아왔다. 도움을 주셔서 감사합니다. –

Richard, 어떻게 든 제 기능을 수행하지 못하는 html 샘플을 제공해 주시면 어떻게 될지 알아볼 수 있습니까? –

답변

관련 문제