Alap szerkesztőbe egyéni gomb

Archívum 2006-2018.11.09 egyeb-temak
#1

Üdv!





Egy plusz gombot szeretnék az alap szerkesztőhöz hozzáadni. A html szerkesztő felületre hozzá is tudtam, egy pluginnel. Azonban a vizuálishoz is szeretném beszúrni.











Miként tudnám ezt megoldani?











(Plugin neve: Add quicktag)

#2

wp-admin/post-new.php





Ez a szerkesztő.





Ez hívja be többek között az edit-form-advanced.php-t.





Itt találhatók az input mezők.





Konkrétan ez a sor hozza be a szerkesztőt:











post_content); ?>

















//











<div id="" class=“postarea”>





Gondolom ezek hozzák be a szerkesztőt.





A behívó kódot akár helyettesítheted a forrásban megjelenő textarea kódjával is.

#3

Javascript html beszúráshoz:











var textarea;





var content;









Code:



function edToolbar(obj) {

document.write("
");

document.write("<img class="button" src="bbeditor/images/bold.gif" name="btnBold" title="Bold" onClick="doAddTags('','','" + obj + "')">");

document.write("<img class="button" src="bbeditor/images/italic.gif" name="btnItalic" title="Italic" onClick="doAddTags('','','" + obj + "')">");

document.write("<img class="button" src="bbeditor/images/underline.gif" name="btnUnderline" title="Underline" onClick="doAddTags('','','" + obj + "')">");

document.write("");

document.write("");

document.write("<img class="button" src="bbeditor/images/ordered.gif" name="btnList" title="Ordered List" onClick="doList('
    ','
','" + obj + "')">");

document.write("<img class="button" src="bbeditor/images/unordered.gif" name="btnList" title="Unordered List" onClick="doList('
    ','
','" + obj + "')">");

document.write("<img class="button" src="bbeditor/images/quote.gif" name="btnQuote" title="Quote" onClick="doAddTags('
','
','" + obj + "')">");



document.write("
");

//document.write("");

}







function doAddTags(tag1,tag2,obj)

{

textarea = document.getElementById(obj);

// Code for IE

if (document.selection)

{

textarea.focus();

var sel = document.selection.createRange();

//alert(sel.text);

sel.text = tag1 + sel.text + tag2;

}

else

{ // Code for Mozilla Firefox

var len = textarea.value.length;

var start = textarea.selectionStart;

var end = textarea.selectionEnd;





var scrollTop = textarea.scrollTop;

var scrollLeft = textarea.scrollLeft;





var sel = textarea.value.substring(start, end);

//alert(sel);

var rep = tag1 + sel + tag2;

textarea.value = textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);



textarea.scrollTop = scrollTop;

textarea.scrollLeft = scrollLeft;





}

}



function doList(tag1,tag2,obj){

textarea = document.getElementById(obj);

// Code for IE

if (document.selection)

{

textarea.focus();

var sel = document.selection.createRange();

var list = sel.text.split('n');



for(i=0;i<list.length;i++)

{

list = '[*]' + list;

}

//alert(list.join("n"));

sel.text = tag1 + 'n' + list.join("n") + 'n' + tag2;

} else

// Code for Firefox

{



var len = textarea.value.length;

var start = textarea.selectionStart;

var end = textarea.selectionEnd;

var i;



var scrollTop = textarea.scrollTop;

var scrollLeft = textarea.scrollLeft;





var sel = textarea.value.substring(start, end);

//alert(sel);



var list = sel.split('n');



for(i=0;i<list.length;i++)

{

list = '[*]' + list;

}

//alert(list.join("
"));





var rep = tag1 + 'n' + list.join("n") + 'n' +tag2;

textarea.value = textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);



textarea.scrollTop = scrollTop;

textarea.scrollLeft = scrollLeft;

}

}





Értelemszerűen cseréld ki a megjelenítendő kódokat,kép címeket.


Így tudod behívni:


edToolbar('textareaneve');
#4

Uhh, köszi. Ezt még kicsit elemzem. :slight_smile:

#5

és frissítéskor újracsinálod? :wink: