Skip to content
This repository has been archived by the owner on Apr 25, 2020. It is now read-only.

boromisp/polymer-tinymce

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

polymer-tinymce

A tinymce HTML Editor as an Polymer Element.

Fork notes

The fork makes it easier to work with events (change), and supports multiple instances of the editor on the same page.

Add custom buttons easily:

E.g Bind the "buttons" property to some property in your parent element

	<polymer-tinymce buttons="{{customButtons}}">...
   customButtons: {
      type: Object,
      value: {
       'someButton': {
       'text':'Some custom button here',
       'onclick': function(ev) {
          alert('custom action');
       }
      }
   }

Supported events:

  • init
  • focus
  • change

( fixed events 'this' scope )

change event:

change event receives the new html content ( see demo page for example )

Support for multiple instances

Each text area will have a unique id, to avoid conflicts with other instances

<polymer-tinymce id="editor"
	  	tinytoolbar="insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image" 
	  	tinyplugins='["advlist autolink lists link image charmap print preview anchor","searchreplace visualblocks code fullscreen","insertdatetime media table contextmenu paste"]'
></polymer-tinymce>

Get and set content:

<script>
    Polymer({

        is: "demo-element",

        getContent:function(){
        	this.$.contentInput.value = this.$.editor.getContent();
        },

        setContent:function(){
        	this.$.editor.setContent(this.$.contentInput.value);
        }

      });
</script>

Test environment

Install polyserve

npm install -g polyserve

And run polyserve on the main directory. Then go to

http://localhost:8080/components/polymer-tinymce/demo/index.html

To test the component

Demo Pic

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 100.0%