2008-10-06 7 views
6

Piszę artykuł o edycji stron, aby ręcznie wybrać to, co naprawdę chcesz wydrukować. Istnieje wiele narzędzi (np. "Drukuj, co lubisz"), ale znalazłem także ten skrypt. Ktoś wie coś na ten temat? Nie znalazłem żadnej dokumentacji ani referencji.Skrypt Java do edycji zawartości strony w locie

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 

Dzięki!

+0

Jestem ciekawy dlaczego jest oznaczony "dcom", a teraz, gdy zauważam, że zastanawiam się, czy jakoś źle odczytałem pytanie? – Grank

Odpowiedz

9

Obiekt contentEditable to, co chcesz - to jest obsługiwane przez IE, Safari i Chrome (jako produkt uboczny) i myślę Firefox 3 (niestety nie FFX2). I hej, to także część HTML5: D

Firefox 2 obsługuje designMode, ale jest to ograniczone do pojedynczych klatek, natomiast właściwość contentEditable ma zastosowanie do poszczególnych elementów, dzięki czemu można edytować zawartość za pomocą swojej strony : D

[Edit (olliej): Usunięto przykład jako atrybut contenteditable nie ominąć filtry wyjściowe So (mimo pracy w podglądzie) :(]

[Edit (olliej): mam poobijany bardzo prosty demo, aby zilustrować jego zachowanie]

[Edytuj (olliej) : Tak, tak, atrybut contentEditable w połączonym demo działa dobrze w IE, Firefox i Safari. Zmiana rozmiaru to funkcja css3, która wydaje się wspierać tylko webkit, a IE stara się walczyć z prawie wszystkimi CSS. sigh]

+0

czy istnieje biblioteka js, która robi to samo? – navyad

1

document.designMode jest obsługiwany w IE 4+ (który zaczął to podobno) i FireFox 1.3+. Włączasz go i możesz edytować zawartość bezpośrednio w przeglądarce, to jest dość trippy. Nigdy wcześniej tego nie używałem, ale brzmi to tak, jakby był idealny do ręcznego wybierania informacji do wydrukowania.

Edytowane, aby powiedzieć: Wydaje się również działać w przeglądarce Google Chrome. Przetestowałem go tylko w Chrome i Firefox, ponieważ są to przeglądarki, w których mam konsolę javascript, więc nie mogę zagwarantować, że działa w Internet Explorerze, ponieważ nigdy osobiście go nie używałem. Rozumiem, że była to właściwość tylko dla IE, którą inne przeglądarki podniosły i nie ma obecnie żadnych standardów, więc byłbym zaskoczony, gdyby Firefox i Chrome ją obsługiwały, ale IE przestał działać.

0

Umożliwia wbudowaną funkcjonalność edycji przeglądarki tam, gdzie jest to możliwe. Jak wspomniano powyżej, designMode to Gecko, a contentEditable to wszyscy inni (i dodany do Gecko 1.9). Te funkcje są używane jako podstawa (prawie?) Każdego edytora WYSIWYG zbudowanego za pomocą HTML/Javascript. Jeśli po prostu wpisujesz/usuwasz, nic więcej nie powinno być konieczne niż podany skrypt. (Wszystko z „void” on jest zbędny choć.)

Do dokumentacji, w jaki sposób te funkcje mogą być wykorzystywane w aplikacji, najlepszy odniesienia jest Mozilli Midas specification (MSDN mogą się przydać również ...).