Showing posts with label Tiny_Mce Editor. Show all posts
Showing posts with label Tiny_Mce Editor. Show all posts

Paths/URLs are incorrect, I want absolute/relative URLs? while using TinyMCE

Posted by Venkat | Labels:

Hi Normally if you upload the images on Admin Side - you are going to use the images on General or User folder.so this will take relative Path of the images or file, place the folder inside the Project folder - While giving path to the image on TinyMCE - use Absolute path or Relative path - it will take Relative path of the Images of files.

this is sample TinyMCE Initialization.

<script language="javascript" type="text/javascript" src="../tiny_mce/tiny_mce.js"></script>

<script type="text/javascript">
tinyMCE.init({
    // General options
    mode : "textareas",
     elements: "top1_TextBox,top2_TextBox,top3_TextBox,top4_TextBox,mid1_TextBox,mid2_TextBox,mid3_TextBox,mid4_TextBox,bot1_TextBox,bot2_TextBox,bot3_TextBox,bot4_TextBox",
    theme : "advanced",
     force_p_newlines: false,
            remove_linebreaks : true,
            force_br_newlines : true,
            paste_remove_styles : true,


    plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",


    // Theme options
    theme_advanced_buttons1 : "link,image,|,code",
    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    theme_advanced_buttons4 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    //theme_advanced_statusbar_location : "bottom"
});
</script>

So get the upDated TinyMCE folder version 3.2.7 download the file from TinyMCE Download latest TinyMCE Editor . 

This link may help u  Path Url Issue

If you anyone face some issue let you comment here..

Get absolute path on tinymce Editor Control

Posted by Venkat | Labels:

Here we are going to discuss how to get the absolute path of the image or link on tinyMCE Editor contorl , by default it took relative path of the image so here it line you have to include on your script of your page.

relative_urls: false,

Editor controls

Posted by Venkat | Labels: ,

There are so many free editor controls Avaliable for .net control

http://www.freetextbox.com/
http://tinymce.moxiecode.com/
http://www.asp.net/AJAX/AjaxControlToolkit/Samples/HTMLEditor/HTMLEditor.aspx
I will post the each editor controls ,like how to declare and use it on ASP.NET etc..
Shortly...,

Installation of Freetexbox control

http://www.a2zdotnet.com/View.aspx?id=28
This is the Initialization of TinyMCE Editor control and you can also the downlaod the support folder

http://www.dotnetspider.com/resources/27037-TinyMCE-Editor-Control.aspx

Validation for Tiny_MceEditor Control

Posted by Venkat | Labels: , ,

Here is the code

validation for tiny_mceEditor control

here is the code for validate the (Required field validation ) for the control

< style="font-weight: bold;">OnClientClick="tinyMCE.triggerSave(false,true);"

PayOffers.in