Eigener einfacher wysiwyg Editor?

[thehacker]

Hallo,
heute mal mit einer Frage aus einem ganz anderem Bereich

Ihr kennt bestimmt wysiwyg Editoren.
Ich will jetzt keinen der Riesig ist aber meine Frage ist:

Wie kann ich einen wysiwyg Editor erstellen der NUR Unterstreichen, Überschriften und Links kann?

Also mit JavaScript klar aber wie?


Mfg,
TheHacker

 

[sheel]

Hi

willst du wirklich selber einen machen?
Editoren wie tinymce oder ckeditor können entsprechend angepasst werden,
damit sie nur die aufgezählten Sachen anbieten.

Sonst...ein Eingabefeld, ein paar Buttons.
Beim Klick darauf den markierten Text ermitteln und rundherum Tags einfügen.

 

[thehacker]

Ja wirklich alleine Machen und danke

Noch ne Frage:
Ich habe ein Textfeld das nur 255 Zeichen haben darf, soweit ok klappt auch aber ich will das nicht als text feld ausgeben sondern als Blanko Text?


Code:

<SCRIPT LANGUAGE="JavaScript">
	<!--

	function textCounter(field, countfield, maxlimit) {
		if (field.value.length > maxlimit) // if too long...trim it!
			field.value = field.value.substring(0, maxlimit);
			// otherwise, update 'characters left' counter
		else
			countfield.value = maxlimit - field.value.length;
	}

// -->
</SCRIPT>

<form name="post" ....>

<textarea name="message" onKeyDown="textCounter(this.form.message,this.form.remLen,255);" onKeyUp="textCounter(this.form.message,this.form.remLen,255);"></textarea>

<input readonly type="text" name=remLen value="255">
</form>

Danke


PS: Weiss das es nicht mehr zum Thema gehört.

 

[sheel]

Ohne Textarea wirds dann aber kein Editor.
Herumändern kannst du im Blankotext nicht.

 

[thehacker]

Entschuldigung falsch formuliert:

Ich habe die Textarea mit den 255 Zeichen, und ein Textfeld das anzeigt wie viele Zeichen man noch hatt.
Diese Textbox will ich aber nicht sondern einfach nur eine Zahl neben einem Button wie zb. Twitter

 

[javaDeveloper2011]

Hi thehacker,

was hältst du von diesem Tutorial?

 

[hela]

Hallo,

hier eine HTML5-Lösung: Richtext-Eingaben.
Übrigens gibt es von Matthias Reitinger ein (uraltes) Tutorial, das dazu passt:
Rich Editing mit contenteditable

edit: Da war jemand schneller. Freut mich aber, dass das Tutorial so bekannt ist.

 

[thehacker]

Cool wenn ich es noch mit dem <br /> hinbekommen würde aber bin net So Fit in JavaScript


Mfg,
TheHacker


PS: Wie bekomme ich den da nen Counter rein:

<SCRIPT LANGUAGE="JavaScript">
	<!--

	function textCounter(field, countfield, maxlimit) {
		if (field.value.length > maxlimit) // if too long...trim it!
			field.value = field.value.substring(0, maxlimit);
			// otherwise, update 'characters left' counter
		else
			countfield.value = maxlimit - field.value.length;
	}

// -->
</SCRIPT>

<form name="post" ....>

<textarea name="message" onKeyDown="textCounter(this.form.message,this.form.remLen,200);" onKeyUp="textCounter(this.form.message,this.form.remLen,200);"></textarea>

<input readonly type="text" name=remLen value="200">
</form>