CKEditor 4.5.4 제목 태그 (Drupal 7.56 내)의 값을 계속 유지합니다.

Drupal 7에 CKEditor를 사용하고 있습니다. 한 기사에서 핫스팟이있는 그림을 삽입했습니다. ckeditor (전체 HTML modus, 소스보기)로 html 코드를 삽입했습니다. 이제 다각형에 툴팁을 추가하려고 했으므로 중첩 된 제목 태그를 삽입하려고했습니다 :CKEditor 4.5.4 제목 태그 (Drupal 7.56 내)의 값을 계속 유지합니다.

<polygon opacity="0" points="228,543 222,451 76,515 298,924 470,924 471,915"><title>removed by ckeditor</title></polygon>.

처음에 나는 그것이 잘 작동한다고 생각했으나 ckeditor를 다시 열고 소스를 살펴본 후 제목 태그의 값이 모두 사라졌습니다. 제목 태그는 아직 있지만 비어 있습니다. 고급 js 구성에서 config.allowedContent = true;을 추가하려고 시도했지만 작동하지 않았습니다.

구성에서 고급 내용 필터 ist가 해제되어 있습니다.

출처

2017-09-05 adamries

html이 유효하지 않습니다. CKeditor는 내용을 편집하기위한 것입니다. 모든 콘텐츠는 <body> 태그 내에 있어야합니다. CKeditor에서 사용할 때 <title> 태그를 본문에 포함하고 있습니다. 이 태그는 html의 <head> 섹션에서만 사용해야합니다.

CKeditor가이 코드를 찾아서 잘못 배치되었거나 유효하지 않은 것으로 식별하고 자동으로 제거하는 것이 좋습니다. 이 브라우저 (하지의 브라우저의 탭/상단을 렌더링하지만 당신이 <label> 아니면 그냥 <p> 단락 태그에 <title> 태그를 변경하는 경우

<html> 
    <head> 
     <title>Title Here</title> 
    </head> 
    <body> 
     <script ... for ck editor /> 
     <div id="CKeditorElement"></div> 
    </body> 
</html>

가 조금 있음에 확장하려면 해당 괜찮을한다 이것이 바로 title 태그가하는 것입니다).

출처

2017-09-05 11:56:00

"신체 문제"에 대해 이해해 주셔서 감사합니다. 레이블 또는 단락이 작동하지 않으면 마우스 오버시 툴팁에 표시되지 않습니다. 이 문제를 어떻게 해결할 수 있습니까? 아마도 문서 본문에서 코드를 이동하여 외부 파일에 넣어야할까요? 하지만 그 외부 HTML 코드와 함께 기사를 연결하는 방법을 모르겠다. – adamries

먼저 CKeditor가 HTML에서 완전히 제거하는지 아니면 뷰포트에 표시되지 않는지를 결정합니다. 요소를 검사하여 내용이 제거되었는지 확인할 수 있습니다. 나는 폴리곤 태그를 한번도 사용하지 않았기 때문에 그 문제를 일으키지 않는다는 것을 확신 할 수 없다. 코드''' '''샘플을 코드 판에 재현 할 수 없었다. 당신이 예를 게시 할 수 있다면 우리는 적어도 그것이 콘텐츠를 제거하는 드루팔 (drupal)이라는 것을 확신 할 수 있습니다. –

안녕하세요, 소스 태그를 다시 연 후 더 이상 툴팁이 없음을 알 수 있기 때문에 title 태그의 값이 제거 된 것을 알고 있습니다. – adamries

<html> 
<figure id="imagemap_arbeitsplatz"> 
<svg viewBox="0 0 1122 925" > 
    <defs> 
    <style> 
    rect:hover { 
     fill: white; 
     opacity:0.3; 
     } 
    polygon:hover { 
     fill: white; 
     opacity:0.3; 
     } 
    circle:hover { 
     fill: white; 
     opacity:0.3; 
     } 
    </style> 
    </defs> 

    <image width="1122" height="925" xlink:href="/hde2017/sites/default/files/INDiD_Arbeitsplatz%20und%20Arbeitsumgebung.PNG"> 
    <title>Arbeitsplatz und Arbeitsumgebung</title> 
    </image> 

<!-------------------------------- Zugang zum Arbeitsplatz --------------------------------> 

    <!-- Bildverlinkung zu "Verkehrswege"--> 
    <a xlink:href="/hde2017/?q=node/229" > 
    <polygon points="228,543 222,451 76,515 298,924 470,924 471,915" opacity="0"/> 
     <title>Verkehrswege</title> 
    </polygon> 
    </a> 

    <!-- Bildverlinkung zu "Türen, Luken und Notausgänge" --> 
    <a xlink:href="http://localhost/hde2017/?q=node/230" > 
    <polygon points="474,437 470,432 490,298 564,265 571,271 543,406" opacity="0" /> 
     <title>Tueren, Luken und Notausgaenge</title> 
    </polygon> 
    <polygon points="766,383 820,247 827,245 892,302 885,304 821,436" opacity="0" /> 
     <title>Tueren, Luken und Notausgaenge</title> 
    </polygon> 
    <polygon points="376,274 424,254 434,265 433,285 384,305 375,296" opacity="0" /> 
     <title>Tueren, Luken und Notausgaenge</title> 
    </polygon> 
    <polygon points="625,727 583,834 702,765 753,668 746,660" opacity="0" /> 
     <title>Tueren, Luken und Notausgaenge</title> 
    </polygon> 
    <polygon points="895,576 822,694 927,634 1001,528 994,521" opacity="0" /> 
     <title>Tueren, Luken und Notausgaenge</title> 
    </polygon>  
    </a> 

    <!-- Bildverlinkung zu "Rampen, Treppen und Leitern" --> 
    <a xlink:href="http://localhost/hde2017/?q=node/231" > 
    <polygon points="84,348 156,320 166,333 184,496 123,522 115,509" opacity="0" /> 
     <title>Rampen, Treppen und Leitern</title> 
    </polygon> 
    <polygon points="945,224 947,218 1016,185 1030,184 1035,176 1006,155 978,158 990,133 961,111 736,155 726,158 698,249" opacity="0" /> 
     <title>Rampen, Treppen und Leitern</title> 
    </polygon> 
    </a> 

<!-------------------------------- Beleuchtung --------------------------------> 

    <!-- Bildverlinkung zu "Raum- und Arbeitsplatzbeleuchtung, allgemeine Gestaltungsregeln"--> 
    <a xlink:href="http://localhost/hde2017/?q=node/232" > 
    <polygon points="224,326 268,307 271,313 273,317 274,329 267,337 260,340 246,340 234,336" opacity="0"/> 
     <title>Raum- und Arbeitsplatzbeleuchtung</title> 
    </polygon> 
    <polygon points="512,209 551,193 556,199 558,205 559,213 554,218 548,222 533,222 521,217" opacity="0"/> 
     <title>Raum- und Arbeitsplatzbeleuchtung</title> 
    </polygon> 
    </polygon> 
    <polygon points="773,103 808,88 809,90 799,102 803,107 803,112 800,115 784,115" opacity="0"/> 
     <title>Raum- und Arbeitsplatzbeleuchtung</title> 
    </polygon> 

    <polygon points="813,351 825,351 836,358 842,366 842,373 835,378 820,379 815,391 827,400 839,412 846,426 848,436 847,446 837,456 826,460 813,460 798,456 776,445 764,433 755,420 753,410 753,401 758,392 766,385 774,383 795,383 812,389 817,378 812,369 808,362 808,355" opacity="0"/> 
     <title>Raum- und Arbeitsplatzbeleuchtung</title> 
    </polygon> 
    </a> 

    <!-- Bildverlinkung zu "Arbeitsplatzbeleuchtung"--> 
    <a xlink:href="http://localhost/hde2017/?q=node/233" > 
    <polygon points="682,502 675,502 672,499 672,493 674,491 679,492 679,487 680,487 679,468 682,464 686,464 697,478 701,491 699,493 694,493 692,490 695,485 680,492 685,496" opacity="0"/> 
     <title>Arbeitsplatzbeleuchtung</title> 
    </polygon> 
    </a> 

    <!-- Bildverlinkung zu "Beleuchtung von Räumen mit Bildschirmarbeitsplätzen"--> 
    <a xlink:href="http://localhost/hde2017/?q=node/234" > 
    <polygon points="" opacity="0"/> 
     <title>Beleuchtung von Räumen mit Bildschirmarbeitsplätzen</title> 
    </polygon> 
    </a> 

    <!-- Bildverlinkung zu "Orientierungsbeleuchtung in Dunkelräumen"-->  
    <a xlink:href="http://localhost/hde2017/?q=node/235" > 
    <polygon points="" opacity="0"/> 
     <title>Orientierungsbeleuchtung in Dunkelräumen</title> 
    </polygon> 
    </a> 

<!-------------------------------- Belüftung und Klimatisierung --------------------------------> 

    <!-- Bildverlinkung zu "Raumbelüftung"--> 
    <a xlink:href="http://localhost/hde2017/?q=node/236" > 
    <polygon points="" opacity="0"/> 
     <title>Raumbelüftung</title> 
    </polygon> 
    </a> 

    <!-- Bildverlinkung zu "Klimatisierung des Arbeitsraumes"-->  
    <a xlink:href="http://localhost/hde2017/?q=node/237" > 
    <polygon points="876,410 945,476 919,519 893,532 827,467 849,423" opacity="0"/> 
     <title>Klimatisierung des Arbeitsraumes</title> 
    </polygon> 
    </a> 

    <!-- Bildverlinkung zu "Klimabedingungen am Arbeitsplatz"-->  
    <a xlink:href="http://localhost/hde2017/?q=node/238" > 
    <polygon points="300,473 300,508 308,518 384,483 386,450 378,439" opacity="0"/> 
     <title>Klimabedingungen am Arbeitsplatz</title> 
    </polygon> 
    </a> 

    <!-- Bildverlinkung zu "Atemluft"-->  
    <a xlink:href="http://localhost/hde2017/?q=node/239" > 
    <polygon points="" opacity="0"/> 
     <title>Atemluft</title> 
    </polygon> 
    </a> 

<!-------------------------------- Lärm --------------------------------> 

    <!-- Bildverlinkung zu "Grundlagen der Lärmbekämpfung"--> 
    <a xlink:href="http://localhost/hde2017/?q=node/240" > 
    <polygon points="647,148 669,157 698,144 707,112 699,96 656,113" opacity="0"/> 
     <title>Grundlagen der Laermbekaempfung</title> 
    </polygon> 
    </a> 

    <!-- Bildverlinkung zu "Luft- und Körperschallbekämpfung"-->  
    <a xlink:href="http://localhost/hde2017/?q=node/241" > 
    <polygon points="" opacity="0"/> 
     <title>Luft- und Körperschallbekämpfung</title> 
    </polygon> 
    </a> 

    <!-- Bildverlinkung zu "Organisatorische Lärmschutzmaßnahmen"-->  
    <a xlink:href="http://localhost/hde2017/?q=node/242" > 
    <polygon points="" opacity="0"/> 
     <title>Organisatorische Lärmschutzmaßnahmen</title> 
    </polygon> 
    </a> 

<!-------------------------------- Schutz und Rettungsmittel --------------------------------> 

    <!-- Bildverlinkung zu "Augen- und Gesichtsschutz"--> 
    <a xlink:href="http://localhost/hde2017/?q=node/243" > 
    <polygon points="" opacity="0"/> 
     <title>Augen- und Gesichtsschutz</title> 
    </polygon> 
    </a> 

    <!-- Bildverlinkung zu "Gehörschutz"--> 
    <a xlink:href="http://localhost/hde2017/?q=node/244" > 
    <polygon points="427,373 434,367 435,357 439,351 444,348 455,348 464,354 469,354 471,356 471,360 469,360 470,364 469,373 466,379 457,379 452,374 452,362 454,358 437,368 451,383 444,389" opacity="0"/> 
     <title>Gehörschutz</title> 
    </polygon> 
    </a> 

    <!-- Bildverlinkung zu "Atemschutz"--> 
    <a xlink:href="http://localhost/hde2017/?q=node/245" > 
    <polygon points="" opacity="0"/> 
     <title>Atemschutz</title> 
    </polygon> 
    </a> 

    <!-- Bildverlinkung zu "Schutzbekleidung"-->  
    <a xlink:href="http://localhost/hde2017/?q=node/246" > 
    <polygon points="553,410 560,404 566,400 579,400 586,410 586,414 581,421 577,425 582,430 578,434 586,440 589,469 595,479 597,482 597,487 592,493 588,493 576,483 575,489 568,496 563,513 560,519 565,524 564,531 557,537 552,538 546,542 542,542 538,540 540,522 541,507 539,510 532,521 524,541 520,541 515,538 514,528 514,521 517,516 517,505 522,482 520,479 519,470 524,454 521,459 520,467 515,469 509,469 507,465 507,460 506,459 506,455 508,452 508,443 514,436 525,428 536,418 546,420 548,415 553,415" opacity="0"/> 
     <title>Schutzbekleidung</title> 
    </polygon> 
    <polygon points="174,484,178,491,179,498,173,500,176,507,181,511,185,516,191,520,195,520,194,514,193,506,192,497,189,487,188,476,191,467,189,459,189,450,190,445,194,449,201,449,207,449,212,450,215,451,208,444,212,447,201,438,194,434,188,428,180,425,174,427,172,418,169,410,161,409,152,408,148,414,151,420,155,426,158,430,159,434,152,440,148,448,146,460,142,470,138,480,135,488,132,496,129,506,126,512,130,514,136,510,141,499,145,491,149,483,150,476,155,469,156,477,155,487,159,496,159,506,158,516,154,515,150,521,155,528,164,534,172,538,176,529,173,520,173,512,171,494" opacity="0"/> 
     <title>Schutzbekleidung</title> 
    </polygon> 
    </a> 

</svg> 
</figure> 
</html>

출처

2017-09-07 09:31:57 adamries

처음에는이 코드가 작동하고 원하는 툴팁이 있습니다. 그런 다음 ckeditor suorce view를 다시 열고 모든 제목을 비어 있고 툴팁은 사라졌습니다. – adamries

CKEditor 4.5.4 제목 태그 (Drupal 7.56 내)의 값을 계속 유지합니다.

답변

관련 문제