• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Texteditor einfügen

M

mezzix

Neues Mitglied
Hi,
ich möchte auf meine Website gerne einen Texteditor einbauen. Im Internet bin ich auf eine Anleitung gestoßen, jedoch kriege ich es nicht ganz hin. Es wird ein Eingabefeld erstellt, sowie einen Button, damit der Text fett wird. Das Eingabefeld wird anscheinend erzeugt, nur kann ich nichts eingeben und es hat auch die Farbe des Hintergrundes.
Hier mal den Teil meines Codes:
HTML: 
<head>
<script language="JavaScript">
        function Init() {
            iView.document.designMode = "On";
        }
        function boldlt() {
            iView.document.execCommand('bold', false, null);
        }
    </script>
</head>
<body onLoad="Init()">
<iframe id="iView" style="width: 200px; height:70px"></iframe>
<br><br>
<input type="button" onClick="boldIt()"
value="Toggle Bold">
</body>

Hat jemand n Tipp?
 
Zuletzt bearbeitet:
Also ich würde mal behaupten, dass wenn du kein Profi im Bereich HTML und Javascript bist, ist es unmöglich so etwas selbst zu programmieren.

Etwas "Fett formatieren" ist dabei ja noch das einfachste.
Es geht dann weiter mit:
- "Fett-Formatierung entfernen"
- nur Teile der "Fett-Formatierung" entfernen
- Teile der "Fett-Formatierung" kursiv formatieren.
- Alle Formatierungen entfernen
- Aufzählungszeichen
- Bilder einfügen/entfernen
- Links einfügen/entfernen
- usw...

Und dabei muss natürlich ständig valides HTML generiert werden, nicht dass der Code zum Schluss so aussieht:

Code: 
<p>Ich bin <strong>ein Absatz.</p>
<p><em>Ich bin</strong> ein Absatz.</em></p>

Ich bin derzeit auch dabei mir so etwas selbst zu programmieren (weil die fertigen Lösungen meinen Ansprüchen nicht entsprechen) und kann dir deshalb sagen dass das wirkliche Knochenarbeit ist.
 
Oke, dann widme ich mich mal dem CKEditor

Edit: Jetzt habe ich ihn installiert und bereits ein Eingabefeld erstellt. Nur wie kriege ich z.B. einen Button mit dem der Text fett wird?

Hier mal meinen Code falls der hilft:
HTML: 
<!doctype html>
<html>

<head>
    <title>Typographie</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script type="/ckeditor/ckeditor.js"></script>
</head>
<body>
    <div id="webseite">
        <div id="header">
            <h1>Typografie</h1>
        </div>
        <div id="main">
            <div align="left" id="menu">
                <ul id="Navigation">
                      <li><a href="home.html">Home</a></li>
                      <li><a href="grundlagen.html">Grundlagen</a></li>
                  </ul>
            </div>
            <div id="inhalt">
                <h1>Grundlagen der Typografie</h1>   
                <br>
                <div id="editable" contenteditable="true">
                    <textarea name="eingabe1" cols="50" rows="10">Text hier eingeben...</textarea>
                </div>
            </div>
        </div>
        <div id="footer">

        </div>
    </div>
</body>

</html>
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben