Skip to main content
Inspiring
June 15, 2017
Pregunta

Html5 TextArea (Multi-Line Text) in Animate CC??

  • June 15, 2017
  • 3 respuestas
  • 2852 visualizaciones

How come there is no multi-line textbox (textarea) component in Animate CC for Html5 Canvas??

    Este tema ha sido cerrado para respuestas.

    3 respuestas

    Participating Frequently
    February 15, 2018

    İt's working no problem

    İt's working other side i make mistake on code. for that i live problem

    i correct it. İt's working now .

    it's work you can use this method no problem

    İmportant point add label component change inside only but

    i want to clone component how i don't know i can add component but
    i don't have time for that

    animate creating same folder with html components\ui\src

    in this folder you can find label.js

    edit this file with this code
    (function($) {   

        $.anwidget("an.Label", {

            options: {

    'visible': true,

    'disabled': false,

    'text': "",

    'position': 'absolute'

            },

    _props: ["left", "top", "width", "height", "position", "transform-origin", "transform"],

    _attrs: ["id", "disabled", "class"],

    getCreateOptions: function() {

    return $.extend(this.options, { 'id': "label" + _widgetID++ });

    },

    getCreateString: function() {

    return "<textarea>";

    },

    getProperties: function() {

    return this._props;

    },

    getAttributes: function() {

    return this._attrs;

    },

    update: function(force) {

    this._superApply(arguments);

    if(force || this._dirty["text"]) {

    this._$this.text(this._options["label"]);

    this._dirty["text"] = false;

    }

    }

        });  

    })(jQuery);

    avid_body16B8
    Legend
    September 24, 2020

    This was a great idea but then you cannot use the label component as intended. I'll look into creating the new component. It will take me a while since I have never created component but I think it is worth doing it.

    Thanks again for the idea. 

    Participating Frequently
    February 15, 2018

    i change label component it's work but it's stop script working after 30 second froze completely

    (function($) {   

        $.anwidget("an.Label", {

            options: {

    'visible': true,

    'disabled': false,

    'text': "",

    'position': 'absolute'

            },

    _props: ["left", "top", "width", "height", "position", "transform-origin", "transform"],

    _attrs: ["id", "disabled", "class"],

    getCreateOptions: function() {

    return $.extend(this.options, { 'id': "textarea" + _widgetID++ });

    },

    getCreateString: function() {

    return "<textarea>"

    },

    getProperties: function() {

    return this._props;

    },

    getAttributes: function() {

    return this._attrs;

    }

        });   

    })(jQuery);

    Inspiring
    June 15, 2017

    Oh... never mind.... I forgot that there is a text box natively.  Duh 

    Legend
    June 15, 2017

    A freeform text component would still be useful, since canvas text is extremely limited in how you can format it.

    Inspiring
    June 15, 2017

    Yeah... true. Good luck trying to get them to put it in.