/    Sign up×
Community /Pin to ProfileBookmark

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:

[url]https://www.dropbox.com/s/bju1m66dsfigj8t/AboveBoard.png[/url]

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…..[/CODE]

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

to post a comment
HTML

2 Comments(s)

Copy linkTweet thisAlerts:
@priyankagoundOct 14.2013 — well...you can get an idea from the below video tutorial:

[U]http://vimeo.com/6694518[/U]

Hope this helps.
Copy linkTweet thisAlerts:
@Jack_TausonSrauthorJan 02.2014 — Thanks but the tutorial is completely different from what I am looking for.well...you can get an idea from the below video tutorial:

[U]http://vimeo.com/6694518[/U]

Hope this helps.[/QUOTE]
×

Success!

Help @Jack_TausonSr spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...