2013-05-07 10 views
7

Ich benutze Xinha Editor als Teil einer benutzerdefinierten CMS-Anwendung für mein Büro. Ich versuche Benutzern zu ermöglichen, eine Teilenummer zu markieren und auf die Schaltfläche "Teilen" zu klicken. Ich möchte nur, dass der ausgewählte HTML/Text von <part> und </part> gekapselt wird (dies wird zum Zeitpunkt der Anzeige verarbeitet, um einen Link zu einer Seite mit Informationen zum ausgewählten Teil bereitzustellen).Xinha Custom Button

Ich habe wirklich Probleme hier. Dies ist der Code, den ich bisher habe. Ich nehme an, dass ich den ausgewählten Text an der ausgewählten Stelle finden muss und ersetze, aber ich finde keine Dokumentation darüber, wie ich auf den HTML-Code im ausgewählten Bereich zugreifen kann.

xinha_config.btnList["part"] = [ 
    "Part Number", 
    "/xinha/images/part.png", 
    true, 
    function(e) { 
     var part = e.getSelectedHTML(); // This is the selected part number 

    } 
]; 

Antwort

1

Dafür müssen Sie die etwas längere Prozedur folgen.

ich euch gebe Schritte ..

Wie Sie den ausgewählten Text in <part>

1) Sie Eltern von ausgewähltem Text erfassen müssen kapseln möchten,

2) Erfassen innerHTML- von Eltern

3) Finden Sie den Startwert von sagen 43

4) 0 ersten Tag in dem inneren HTML let ausgewählt einfügenhier bei dieser Zählung aktualisiert von 43 + 6 (von TAG) = 49 der ausgewählte Text beginnt hier.

5) Nun, 49 + Länge des ausgewählten Textes lässt sagen 12 = 49 + 12 = 61; hier finden Sie das schließende Tag </part>

einfügen und Sie sind mit Ihrer Aufgabe gemacht ..

Bearbeiten, Dokumentation: Link

konnte ich Config Variablenliste identifizieren, die dazu beitragen wird,

Link 3 Hier finden Sie diese Xinha_config >> Formatblock http://trac.xinha.org/wiki/Documentation/ConfigVariablesList#xinha_config.formatblock

Einige wie, wenn Sie hinzufügen können die <part> darunter ..

... 
"Formatted": "pre", 
"Part": "part" 
} 

, die ... nach meinem Verständnis ist

und andersrum custom style tun sollten, wird dies Einzelheiten über Seitenstil. Mit diesem können Sie jede eingebaute Registerkarte von HTML anpassen .. sagen wir, oder etwas anderes.

und passen Sie seinen Stil zu Gelb.

xinha_config.pageStyle = 
    'p { color:red; }\n' + 
    'h1 { color:yellow; }\n' + 
    'a {text-decoration:none; }' + 
    'span{background-color:yellow; }'; 

ich das hoffentlich helfen ...

+0

Versteh mich nicht falsch - ich verstehe die Logik dahinter. Ich habe im Laufe der Jahre ähnliche Dinge in Dutzenden von Programmiersprachen gemacht. Wie ich in meiner Frage gesagt habe - "Ich finde keine Dokumentation darüber, wie man auf den HTML-Code im ausgewählten Bereich zugreifen kann." - Danke für die Zeit, die du eingibst. – Dutchie432

+0

Gibt es bestimmte Dinge, die ich mir ansehen sollte? Ich habe die Docs ziemlich gut durchforstet. – Dutchie432

+0

Ich habe die Antwort aktualisiert .. Pls verweisen Antwort nach Bearbeiten: .. :) Ich bin sicher, dass dies tun wird .. – MarmiK