Forum PHP.pl > pozbycie sie ramki

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

kufalo

4.01.2007, 17:10:42

Ponizszy kod to maly edytor tresci html. Po kliknieciu na obrazek stosuje pochylenie kroju czcionek zaznaczonego fragmentu tekstu w ramce.

Zalezy mi na tym, aby w ponizszym kodzie pozbyc się ramki, ktora nie jest zgodna ze specyfikacja xhtml 1.0 Strict.

Probowalem z divem poprzez: contentEditable= 'true'
Niestety tego nie wspiera mozilla.

Czy mozna to zrobic jakos inaczej ? (pozostajac w xhtml 1.0 Strict)

[HTML] pobierz, plaintext 
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title></title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  <script type="text/javascript">
   function italic(){
    document.getElementById('edit').contentWindow.document.execCommand('italic',false,null)
   }
  </script>
 </head>
 <body onload="document.getElementById('edit').contentWindow.document.designMode='on'">
  <div><img src="italic.gif" alt="" onclick="italic()" /></div>
  <iframe id="edit"></iframe>
 </body>
</html>
[HTML] pobierz, plaintext

revyag

4.01.2007, 20:54:48

Musisz mieć iframe. Dlaczego ?

Zobacz:

Żebyś mógł coś edytować musisz mieć obszar w którym będziesz to robił. Ten obszar musi być innym dokumentem html a to założenie spełnia tylko iframe. Gdybyś nie miał iframe, edytowałbyś wszystko, a nie to co chcesz

Każdy WYSIWYG korzysta z iframe. Nawet jeśli nie jest on jawnie użyty to jest generowany z poziomu js.
Zobacz jak wygląda źródło strony w przykładach na stronach fckeditora i tineMCE

gekon

5.01.2007, 00:41:39

http://www.aplus.co.yu/web-dev/insert-html...ther-html-page/
http://riddle.jogger.pl/2006/12/30/dolacza...-oraz-xinclude/

kufalo

5.01.2007, 12:22:39

Cytat

Żebyś mógł coś edytować musisz mieć obszar w którym będziesz to robił. Ten obszar musi być innym dokumentem html a to założenie spełnia tylko iframe. Gdybyś nie miał iframe, edytowałbyś wszystko, a nie to co chcesz

Pod IE oraz Operą istnieje mozliwosc edycji obszaru, ktory nie jest calym ani innym dokumentem, lecz jedynie fragmentem dokumentu:

Kod

<div contentEditable="true">edycja</div>

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.