How to get values of a textarea which has tinymce editor


TinyMCE is a platform independent web based JavaScript HTML WYSIWYG editor. The screenshot above is an implementation of TinyMCE editor in a textarea. It is light weight and easy to use. Also, it has lots of plugins to use with. If you haven't used it before, give it a try.You'll love it.
Actually here in this post, I am not going to tell how to use TinyMCE editor in your forms. But I encountered a small thing that I wanted to share it with you. The thing is mostly when ever we use TinyMCE we have nothing to do for this in client side. All we do is in the server side with the values in it. The value of the editor is obtained by the value in the name attribute. However if we want the same value in client side for use then we might try:
JavaScript:
document.getElementById('id_of_the_editor').value;
jQuery:
$('#id_of_the_editor').val()
which wouldn't work then how to get the values. Here's how we get values of the textarea field with TinyMCE editor :

tinymce.get('id_of_the_editor').getContent()
This contains the value of the TinyMCE editor . 

Comments

Post a Comment

Popular posts from this blog

Automate file upload in Selenium IDE

Image
Selenium IDE is an integrated development environment for Selenium tests. It records your interactions with websites to help you generate and maintain site automation, tests, and remove the need to manually step through repetitive tasks. Selenium IDE can be installed in Google Chrome from  here . For Firefox visit this  link . File upload in Selenium IDE cannot be automated simply by recording from the IDE. Because when we select the file input field, the dialog that opens up is a system window which cannot be controlled by Selenium IDE. Therefore, clicking the input file field to select a file will not work. Also the selected file path is changed to C:\fakepath\filename.extension. So to fix this issue, we need to configure the browser to support file upload and then instead of clicking the input field we set the file using ‘type’ selenium command which is shown below. First, to support file upload in Selenium IDE, configure your browser to support file upload: Visit ‘...
Read more

How To Install and Configure Nextcloud

Image
  Original post: https://www.digitalocean.com/community/tutorials/how-to-install-and-configure-nextcloud-on-ubuntu-20-04 Step 1 – Installing Nextcloud We will be installing Nextcloud using the  Snap  packaging system. This packaging system, available on Ubuntu 20.04 by default, allows organizations to ship software, along with all associated dependencies and configuration, in a self-contained unit with automatic updates. This means that instead of installing and configuring a web and database server and then configuring the Nextcloud app to run on it, we can install the  snap  package which handles the underlying systems automatically. To download the Nextcloud snap package and install it on the system, type: sudo snap install nextcloud Copy The Nextcloud package will be downloaded and installed on your server. You can confirm that the installation process was successful by listing the changes associated with the snap: snap changes nextcloud Copy Output I...
Read more

Bruteforce a router to hack admin password using Hydra

Image
Hydra can be used for bruteforce attack on a router to retrieve admin's password. For this, a password list needs to be created for my case it is password.lst. The username I am using in the bruteforce attack is admin and the router's password is 192.168.1.19 which might differ for your case. The command is as follows that I used: hydra -l admin -P password.lst 192.168.1.19 http-get -m / The above image shows a screenshot of my attack used on my TP-LINK router. The found password is underlined by red underline.
Read more