Przycisk niestandardowy Xinha

Question

Używam edytora Xinha jako część niestandardowej aplikacji CMS do mojego biura. Próbuję pozwolić użytkownikom podświetlić numer części i kliknąć przycisk "część". Wszystko, co chcę, to to, że wybrany HTML/tekst zostanie zamknięty przez <part> i </part> (zostanie to przetworzone w czasie wyświetlania w celu zapewnienia łącza do strony z informacjami o wybranej części).

Naprawdę walczę tutaj. To jest kod, który do tej pory miałem. Zakładam, że znajdę wybrany tekst w wybranej lokalizacji i dokonam zamiany, ale nie mogę znaleźć dokumentacji dotyczącej dostępu do kodu HTML w wybranym zakresie.

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

    } 
]; 

Answer 1

W tym celu należy wykonać nieco dłuższą procedurę.

Daję Ci kroki ..

Jak chcesz hermetyzacji zaznaczony tekst w <part>

1) trzeba zarejestrować rodzica zaznaczonego tekstu,

2) Przechwytywanie innerHTML rodzica

3) znajdź licznik początkowy wybrany wewnętrznej wylotem HTML powiedzieć 43

4) wstawić pierwszy znacznik <part> tutaj w tym liczniku aktualizowane przez 43 + 6 (z TAG) = 49 wybrany tekst zaczyna się tutaj.

5) Teraz 49 + długość zaznaczonego tekstu pozwala powiedzieć 12 = 49 + 12 = 61; tutaj można wstawić znacznik zamykający </part>

i skończysz z zadaniem ..

Edycja Dokumentacja: Link

udało mi się zidentyfikować Config Lista zmiennych, które pomogą,

Link 3 tutaj znajdziesz xinha_config >> Formatuj blok http://trac.xinha.org/wiki/Documentation/ConfigVariablesList#xinha_config.formatblock

Trochę jak możesz dodać <part> poniżej tego ..

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

że powinien zrobić ... jak na moje rozumienie

i na odwrót jest custom style, to da szczegóły pageStyle. Za pomocą tego można dostosować dowolną wbudowaną kartę html ... powiedzmy lub coś innego.

i dostosuj swój styl do żółtego.

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

Mam nadzieję, że to pomoże ...