What is TinyMCE (And what you eat it with?)

IT is such an area where on one side we have web-sites, videos, pictures, blog-posts, and so on, and on the other side we have SQL, XML, HTML, PHP, ASP … and many other abbreviations and not so.

You may not know what JavaScript is, but surely, you use it daily. You may not know what is TinyMCE, but if you are a blogger who uses WordPress, then … here it is!


TinyMCE is a platform-independent, browser-based WYSIWYG editor control. TinyMCE is designed to easily integrate with content management systems, including Django, Drupal, Joomla!, WordPress, etc.

Recently I added TinyMCE to one of my projects. Certain information shown on different web-pages has to be saved in a standardised way in the project. Usage of Notepad.exe was just enough for that. Then manually I could save entire HTML document to a database by copy-paste. Now I can simply edit documents on a web-page. “Save” button click does the job now, so there is no need to open database editor and find a specific table and cell to put the information.

TinyMCE layout in WordPress is just an example of what the editor can look like and what it can do. It has themes (skins), you can do custom button designs, spell-check, word-count, add plug-ins… and much more. Check full-featured live example here.

I can look like this:

Embedding TinyMCE on a nested page

TinyMCE worked beautifully on any page I wanted except those which had a master page. Interestingly, there were no solutions on any forums on the Internet about such a problem. Microsoft Visual Studio user do not use TinyMCE? (Or they are so advanced that they do not have such questions?!)

Anyway, I had no time to register on any forum devoted to TinyMCE and describe a problem. I just found a solution.

To make TinyMCE work all you need to do is to create a textarea or a textbox, which I find more flexible.

<asp:TextBox ID=”a_doc_tb” runat=”server” ValidateRequestMode=”Disabled”>[TinyMCE]</asp:TextBox>

In JavaScript which embeds the editor there must be such a line:

selector: ‘#a_doc_tb’,

That’s all you need! But if your page is a nested page, then a_doc_tb for you is still a_doc_tb, but not for the editor! Your JavaScript now has to look something like this:

selector: ‘#ContentPlaceHolder1_a_doc_tb’,

Good luck!

Advertisements

I have nothing to hide (Anti-Cryptoanarchism Project)

I will post some staff on IT in this blog, I already did a post about WordPress+Instagram, now I got something different. BTW, In plans is a post about TinyMCE.

Disclaimer

If you start such a project, let me know 🙂 I would like to accept a “thank you” note and a few bank notes as well 🙂

Idea


At this stage, I got a few (5? May be 6?) different projects on my mind. Each is 1 million $ idea 🙂 I work hard on a prioritised one, two more projects are half-done and frozen for the sake of the first idea. Also there are ideas to keep my head in future and here is the idea I am quite happy to share. I hope someone can put this idea into practice and earn a lot of money and… see the Disclaimer above.

 Anti-Cryptoanarchism

Project name: “Open Mail”
Keywords: email, website, social network, blog, forum.
Mottos: “I have nothing to hide!”; “Anti-Cryptoanarchism comes!”

Description: Email server with all the modern features (SMTP/POP3/IMAP/etc; antispam). The difference to all other email servers will be official absence of privacy. All the messages are open, 100% accessible from the Web and indexed by search engine bots. Anything which goes to or from secured emails will be revealed as well! Even if a user deletes a message from the Inbox, the message will be still available on a profile’s web-page. Discussion treads will be available as a blog-roll. Anyone will be able to read, join a conversation, download attachments, etc. It is almost like using Twitter for correspondence, but with all the features of an email server like Gmail or Yahoo.

Features: likes, tags & hashtags, addressees will be also added as user cross-links (@user_name or user_name@mail.open), discussion groups, messages to “all”: these are messages, which will be posted on a personal blog-roll.

Additional info and answers to possible questions

Users may stay anonymous; if someone needs to send something private like scans of documents, then “Open Mail” is not the right service to do so. Usage of encrypted messages (e.g. by PGP/GPG) probably will not be allowed, because nobody needs encrypted junk on a website. If someone wants to host an encrypted message with open access so that hackers tried to decrypt it, then it can be done through other services; there are so many free web-services on the Net. Drafts will remain private, because artists do not like their works to be seen before they are done 🙂 A user will be able to delete a message which is available as a web-page, just in case.

How I see it from technical point of view

There could be many different ways of creating “Open Mail”. Any open-source email server and a web-engine can work together. Email service has to have just one feature: if a message is successfully sent or received, then all the info must be passed to the web-engine. The message then will be posted on a web page. It can be even WordPress. Anyway, if you will use a ready-made engine, many things got to be changed it in. Or is it easy to post all the messages on the web as an RSS line? There are WordPress plugins that can import RSS into blog-rolls. This solution requires two applications and two databases. So, probably, the best option is a unique engine (and one database).

Good luck!

+

How to embed an Instagram photo in your WordPress.com post

Hey, it took me awhile to figure out how to do it… The problem is that the instructions from official tutorial video did not work. Though it can help you to find the exact address (URL) of the picture you want to embed.
The code provided by Instagram does not work here, so one of the alternatives is to play with HTML code… You can, but it will be complicated to find pure jpg-links, etc.

Here is a one-line simple solution:
1) Get the link ready (see the link to the tutorial above).
2) Use the following tags (they both work in Visual or HTML mode of the editor):

[embed]put your link here[/embed]

or

[instagram url=put your link here]

Here is an example:

[embed]https://www.instagram.com/p/BEsgL2UNGnS/?taken-by=eugenkirillov[/embed]
[instagram url=https://www.instagram.com/p/BEsgL2UNGnS/?taken-by=eugenkirillov]

Result will be the same. Like it, like it, like it! 🙂