www.webdeveloper.com
Results 1 to 3 of 3

Thread: How can I direct template into text editor?

  1. #1
    Join Date
    Oct 2013
    Posts
    3

    How can I direct template into text editor?

    I have the following things available with me:

    1) A set of open source email blueprints

    2) An HTML/JQuery based text editor.

    Please find the image link below:

    https://www.dropbox.com/s/bju1m66dsf...AboveBoard.png

    What I want is, the HTML page in the image should appear first
    and when a user clicks on "use template" option, the template should be inserted into the
    text editor area. This text editor is located on a separate HTML page as I mentioned in point #2
    above.

    Considering the first red encircled template, I have inspected the code in dreamweaver and found the
    following:

    Code:
    <div style="display: none;" id="filterDescription" class="error"></div>
    	<div id="templatesWrap">
    		<div class="template" data-templatelocation="AboveBoard" data-templatename="Above Board" data-templateid="" data-templatetype="" data-templatecategory="General">
    		<div class="templateContainer">
    			<span>
    			<a href="https://app.xyz.com/icp/core/compose/message/create?token=dc794ce9dfb14efa377199cf990ca360&amp;sMessageTemplateId=AboveBoard&amp;sHubId=&amp;goalComplete=200" title="Use Template">
    									<img class="thumbnail" src="iContact%20%20%20Select%20a%20Template_files/thumbnail_032.jpg" alt="AboveBoard">
    		    </a>
    			</span>
    			<div class="templateName">Above Board</div>
    			<p>
    			<a href="https://app.xyz.com/icp/core/compose/message/create?token=dc794ce9dfb14efa377199cf990ca360&amp;sMessageTemplateId=AboveBoard&amp;sHubId=&amp;goalComplete=200" title="Use Template" class="button secondary">Use Template</a>
    			</p>
    			</div>
    			</div> 
    			
    			// CODE for next template starts after this which  is AboveBoardRight
    			
    			<div class="template" data-templatelocation="AboveBoardRight" data-templatename="Above Board Right" data-templateid="" data-templatetype="" data-templatecategory="General">
    				<div class="templateContainer">
    					<span>  
    					
    					and so on.....

    My QUESTION:

    1) How can I make sure on the client side that , when a user clicks on "Use Template" option it gets inserted into the text editor?

    2) Can I do it on the client side?

    3) It's difficult to figure out from the above code since the content of <a href tag is kind of messed up.

    Please clarify.

    Thanks

  2. #2
    Join Date
    Sep 2013
    Posts
    221
    well...you can get an idea from the below video tutorial:
    http://vimeo.com/6694518

    Hope this helps.

  3. #3
    Join Date
    Oct 2013
    Posts
    3
    Thanks but the tutorial is completely different from what I am looking for.
    Quote Originally Posted by priyankagound View Post
    well...you can get an idea from the below video tutorial:
    http://vimeo.com/6694518

    Hope this helps.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles