TinyMCE gives me src="../../scripts/etc" for Smileys
Development and Programming
This may just be an FYI since the smiley problem does not show up in FF. I am using Safari4, too, which is beta…
The problem is as follows:
In a given tinymce textarea inserted smileys show fine just after they are chosen. When I do a preview, however, the smiley breaks, both in the preview and the textarea.
When I look at the generated code I see that the image source is src=”../../scripts/etc”.
interestingly, in the code all subsequently added smileys generate as absolute links and show fine in preview and post.
I have reported this to Apple. I thought I would post here in case someone else is having this problem and on the off chance that it’s a tinymce issue and not a Safari one.
This tinymce problem is addressed on the moxiecode forums. The ../../ emotions with absolute links can be fixed by the extra function below called from within the init file:
urlconvertor_callback: "convLinkVC",
NOTE that the convLinkVC function is below the standard init info…
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "emotions",
force_p_newlines : false,
force_br_newlines : true,
auto_cleanup_word : false,
relative_urls : false,
remove_script_host : false,
verify_html : false,
convert_newlines_to_brs : false,
content_css : "/style.css",
extended_valid_elements : "a[href|target|name]",
urlconvertor_callback: "convLinkVC",
theme_advanced_toolbar_location : "top",
theme_advanced_disable : "strikethrough, formatselect,bullist, numlist, outdent, indent, undo,redo,link, unlink, image,code, table,separator,separator,separator,cleanup,hr, removeformat, sub, sup, charmap, help, anchor, visualaid ",
theme_advanced_buttons1_add_before : "emotions,image,link, unlink, seperator",
theme_advanced_buttons1_add : "separator,bullist, numlist, code, hr,cleanup, removeformat, charmap",
theme_advanced_styles : "Title=title;Header=header;Normal=normal;Red=red;Small=text_lead; Small Red=text_wim"
});
function convLinkVC(strUrl, node, on_save) {
strUrl=strUrl.replace("../","");
return strUrl;
}This is the post at moxiecode:
http://tinymce.moxiecode.com/punbb/viewtopic.php?id=292