Tinymce hinzufügen &nbsp

Ich bin tryng überschreiben des Standard-tinymce in peranhacms wie hier vorgeschlagen Konfigurieren /override Piranha-CMS-html-editor, so dass nicht zu add &nbsp zu html
Ich verbringe schon über eine Stunde versucht, um dieses problem zu beheben. Es gibt eine Menge von Ressourcen auf das problem, aber cant get es funktioniert.

Hier ist, wie mein tinymce-Editor.init aussieht.

<script type="text/javascript" src="~/res.ashx/areas/manager/content/js/ext/tiny_mce/tinymce.min.js"></script>
<script type="text/javascript">
    tinymce.init({
        mode: 'specific_textareas',
        editor_selector: "editor",
        apply_source_formatting: false,
        cleanup_on_startup: false,
        trim_span_elements: false,
        cleanup: false,
        convert_urls: false,
        force_br_newlines: true,
        force_p_newlines: false,
        remove_linebreaks: false,
        convert_newlines_to_brs: false,
        forced_root_block: '',
        inline_styles : true,
        entity_encoding: 'raw',
        verify_html: false,
        //forced_root_block: false,
        validate_children: false,
        remove_redundant_brs: false,
        fix_table_elements: false,

        entities: '160,nbsp,38,amp,60,lt,62,gt',

        plugins: [
            "autoresize autolink code hr paste piranhaimage link"
        ],
        width: "100%",
        height: "340",
        autoresize_min_height: 340,
        @if (File.Exists(Server.MapPath("~/areas/manager/content/css/editor.css"))) {
        <text>content_css: "@Url.Content("~/areas/manager/content/css/editor.css")",</text>
        }
        toolbar: "bold italic underline | bullist numlist hr | formatselect removeformat | cut copy paste | link piranhaimage | code",
        paste_auto_cleanup_on_paste: false,
        paste_postprocess: function (pl, o) {
            //remove extra line breaks
            o.node.innerHTML = o.node.innerHTML.replace(/&nbsp;/ig, " ");
            alert("a1");
        },
        cleanup_callback: 'my_cleanup_callback',
    });
    function my_cleanup_callback(type, value) {
        alert("a2");
        switch (type) {
            case 'get_from_editor':
                //Remove &nbsp; characters
                value = value.replace(/&nbsp;/ig, ' ');
                alert("a3");
                break;
            case 'insert_to_editor':
            case 'submit_content':
            case 'get_from_editor_dom':
            case 'insert_to_editor_dom':
            case 'setup_content_dom':
            case 'submit_content_dom':
            default:
                break;
        }
        return value;
    }
</script>

hier ist das Beispiel für html benutze ich zum einfügen in tinyice textarea

<div class="catelog-box">
    <img src="images/dance.png" alt="dine">
    <div class="cat-detail">
    <h2>Dance</h2>
    <p>Dis purus arcu etiam auctor risus aliquam mid turpis eu vel, nunc rhoncus lacus natoque ridiculus...</p>          
  </div>
</div>

Und es ist, wie es ist, auf der Suche im browser Quelle:
Tinymce hinzufügen &nbsp

Ich stellen Sie alerts, um zu überprüfen, ob paste_postprocess und my_cleanup_callback tatsächlich brennen, aber Sie sind nicht. Und ich bin immer noch &nbsp in html.

War ich versucht, in cleanup: true und paste_auto_cleanup_on_paste: true aber es wird nicht helfen, um das Feuer paste_postprocess und my_cleanup_callback

Wie würde man das lösen des &nbsp problem?

InformationsquelleAutor sreginogemoh | 2015-01-06

6

Nur hinzufügen entity_encoding: 'raw' das problem gelöst.

InformationsquelleAutor Dinesh Ramasamy
1

TinyMCE ist ein monster von Optionen und Einstellungen, aber da die links, die Sie zur Verfügung gestellt haben und, die Sie verwendet haben, die clean-up-Methode aus TinyMCE ist hinzufügen &nbsp anstelle des Raumes bei der Verwendung der word einfügen, haben Sie versucht, die Einstellung:
```
paste_auto_cleanup_on_paste: true
```
Da diese in dem Beispiel, Sie verweisen. Davon abgesehen denke mal, ich habe keine Ahnung, warum das event nicht feuern.

Beste Grüße

Håkan

InformationsquelleAutor Håkan Edling

Den folgenden code rein der mir alles in den tinymce Inhalt

tinymce.init({
    selector: "textarea",
    invalid_elements :'strong,bold,b,em,br,span,div,p,img,a,table,td,th,tr,header,font,body,h,h1,h2,h3,h4,h5',
    invalid_styles: 'color font-size text-decoration font-weight',
    menubar: false,
    toolbar:false,
    statusbar:false,
    forced_root_block : "",
    cleanup: true,
    remove_linebreaks: true,
    convert_newlines_to_brs: false,
    inline_styles : false,
    entity_encoding: 'raw',
    entities: '160,nbsp,38,amp,60,lt,62,gt',
 });}

InformationsquelleAutor dev111

1

Ich weiß, das ist alt, aber das hinzufügen dieser CSS-Eigenschaften, um Ihre editor ' s element das problem lösen kann. Dies ist nicht ein tinyMCE Problem, dies ist, wie die editierbaren divs arbeiten.
```
#editor {
    white-space: pre-wrap;
    word-wrap: break-word;
}
```
Cheers

InformationsquelleAutor codegaze
0

Ich habe, um dieses, indem Sie hinzufügen einer zero-width-space ('') für den defaultContent-option.
der TinyMCE-code angezeigt wird, ersetzen Sie leere Inhalte mit Absatz-tags um ein non-breaking-spaces.

Indem die zero-width space, wird es als leer angezeigt in der UI, aber verhindert, dass diese post-processing.

Beispiel:
```
let options = { 
   //[...]
   defaultContent: '&#8203;'
   //[...]
}
```
InformationsquelleAutor Eleanor Zimmermann

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.