Forum > Klientspråk > JavaScript
När textarean byts ut av Tinymce så fungerar det inte längre att infoga taggar med det script jag hade. Typ...
onclick="javascript: AddTextFormat('inlagg', '[ex]', '[/ex]');"document.form.elements[elname].value += what;
document.form.elements[elname].focus();
aspkoll använder ju tinyMCE och du kan kollar deras källkod:
<input type="button" onclick="tinyMCE.execCommand('mceFocus', false, 'msg');tinyMCE.execCommand('mceInsertContent',false,'
Bildkälla: ');return false;" class="rightBtn" value="img"/>Ja, det borde ju egentligen "bara" vara att göra det... :) Tyvärr är ju som bekant orden 'borde' och 'bara' inte lika användbara i praktiken som i teorin, så... det fungerar ju inte.
Jag har läst en del om tinyMCE.execCommand men det står ingenstans som jag hittat, hur man anropar en javascriptfunktion.
Hur ser AddTextFormat funktionen ut nu?
Ja det är ju vilken som, ta den här t.ex.
function AddTextFormat( txtarea, text ) {
// var txtarea = document.form.inlagg;
text = ' ' + text + ' ';
if (txtarea.createTextRange && txtarea.caretPos) {
var caretPos = txtarea.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
txtarea.focus();
} else {
txtarea.value += text;
txtarea.focus();
}
} function NewAddTextFormat(id,start,end){
tinyMCE.execCommand('mceFocus', false, id);
tinyMCE.execCommand('mceReplaceContent',false, start + '{$selection}' + end);
}och testar:
onclick="NewAddTextFormat('inlagg','[ex]','[/ex]')Om du vill ha så att man markera en text och sen trycker på knappen?
Fungerade alldeles utmärkt. Tack för det.
Vet du möjligen hur man skapar egna funktioner i Tinymce också, så man kan ha dessa i verktygsfältet och fungera i wysiwyg?
Ingen aning, använder mig inte av tinyMCE då jag tycker den spottar ut för dålig html koder ;) men läs: http://wiki.moxiecode.com/index.php/TinyMCE:Index där hittade jag exemplet som jag postade. http://wiki.moxiecode.com/index.php...inyMCE:Commands
Vad är det för funktioner du är ute efter exakt? vad jag har sett så har den rätt bra ramverk för det mesta redan :)
Tack, ska kika runt lite.
Dom funktioner jag hade tänkt var lite olika textrutor, som kod och lite så. Kunde vara kula att ha det i originalmenyn.
Som [ code] knappen här?
NewAddTextFormat('inlagg','[code ]','[/code ]')Nja, jo... fast att man kan ha en menyknapp i själva editorn och se resultatet direkt i textrutan, alltså inte att det bara står [code ] text [/code ].
Ser inget problem (skall inte vara) att lägga in egna knappar. Men "designen" kommer kunna bli problem då man kan redigera HTML koden som genereras upp i editorn.
Ja det är ju sant. Det får vara som det är.
Men ett annat problem är att hur jag än bär mej åt så får jag inte bort funktionerna markerat med rött, dom verkar vara nån slags standard som läggs till automatiskt, eller har jag missat något? Jag hittar inget ställe att ta bort dom.
Jag har lagt in följande funktioner, men som sagt, dom andra kommer upp ändå.
theme : "advanced",
// Theme options
theme_advanced_buttons1 : "bold,italic,underline,|,justifyleft,justifycenter,justifyright,|,undo,redo,|,image,forecolor",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_resizing : false,
Är det inte själva temat "advanced" som gör det? (jag har 0 koll på detta, gissar ni bara :P )
Det känns lite som en gissningslek ja, det är första gången jag mixtrar med en sån här editor, så jag har förmodligen missat nåt, på något sätt måste dom ju naturligvis gå att får bort.
Ska läsa deras kod lite återkommer.