Hej,
jag har äntligen hittat en editor som fungerar så som jag vill kunna använda den och den heter markItUp och finns här: http://markitup.jaysalvat.com/home/
Här kan man själv styra hur editorn ska se ut och vilka anrop som ska fungera. Se nedan för kod.
Jag använder mig också av en jquerylösning (colorbox) för att få fram dialogrutor med fadad bakgrund. Fungerar riktigt bra med både bilder och innehåll. Den finns här: http://colorpowered.com/colorbox/
Nu till min utmaning:
I editorn har jag lyckats få en knapp att ladda en dialogruta där jag hämtar alla uppladdade bilder. Min tanke är att man här ska kunna klicka på en bild och hämta värdet (dvs. bildens url) och sedan få in den i textarean igen.
Jag har kommit såpass långt att jag får upp dialogrutan med alla uppladdade bilder. Koden ser ut så här:
mySettings = {
onShiftEnter: {keepDefault:false, replaceWith:'<br />\n'},
onCtrlEnter: {keepDefault:false, openWith:'\n<p>', closeWith:'</p>'},
onTab: {keepDefault:false, replaceWith:' '},
markupSet: [
{name:'Image', className:'image',
beforeInsert:function(h) {
$("#upload").colorbox({
transition: "none",
speed: 750,
inline: true,
href:"#upload",
open: true,
onClosed:
function(){
}
});
}
},
{name:'Bold', className:'bold', openWith:'[bold]', closeWith:'[/bold]' },
{name:'Italic', className:'italic', openWith:'[italic]', closeWith:'[/italic]' }
]
}
Callbackfunktioner för colorbox finner man under länken som jag postade ovan.
Är det någon som skulle kunna hjälpa mig med detta. Fungerar det så är jag otroligt lycklig för då har jag exakt den editorn jag vill ha.
Genom att klicka på en bild så ska dialogrutan stängas och urlen ska in i textarean.
Tacksam för all hjälp jag kan få!