search

suyati / line-control

A Light Weight HTML5 Text Editor designed as a JQuery Plugin
Other
124 stars 90 forks source link

I want to add some features to the "Image Attributes" edit page #115

Open Ademgenc53 opened 4 years ago

Ademgenc53 commented 4 years ago

Hello, With trial and error, I added the image width feature works fine I added image align feature works fine

I added image padding feature works fine

But, I want to add padding-top, padding-right, padding-bottom, padding-left, instead of padding

I couldn't, I wonder where I'm doing wrong Screen: https://antenfiyati.com/padding.png

                    })).append($('<label/>',{ for:"imgPaddingTop_txtEditor", text:"Resmin Üst kenar boşluğu (padding-top)"}
                    )).append($('<input/>',{
                        id:"imgPaddingTop",
                        class:"form-control form-control-width",
                        type:"text",
                        placeholder:"padding-top",
                    })).append($('<label/>',{ for:"imgPaddingRight_txtEditor", text:"Resmin Üst kenar boşluğu (padding-right)"}
                    )).append($('<input/>',{
                        id:"imgPaddingRight",
                        class:"form-control form-control-width",
                        type:"text",
                        placeholder:"padding-right",
                    })).append($('<label/>',{ for:"imgPaddingBottom_txtEditor", text:"Resmin Alt kenar boşluğu (padding-bottom)"}
                    )).append($('<input/>',{
                        id:"imgPaddingBottom",
                        class:"form-control form-control-width",
                        type:"text",
                        placeholder:"padding-bottom",
                    })).append($('<label/>',{ for:"imgPaddingLeft_txtEditor", text:"Resmin Sol kenar boşluğu (padding-left)"}
                    )).append($('<input/>',{
                        id:"imgPaddingLeft",
                        class:"form-control form-control-width",
                        type:"text",
                        placeholder:"padding-left"
                       var imagePaddingTop = $('#imgPaddingTop').val();
                var imagePaddingRight = $('#imgPaddingRight').val();
                var imagePaddingBottom = $('#imgPaddingBottom').val();
                var imagePaddingLeft = $('#imgPaddingLeft').val();
                        if(imagePaddingTop!="")
                        {
                            $("#"+imgId).css('padding-top',imagePaddingTop);
                        }
                        else
                        {
                            $("#"+imgId).css('padding-top','');
                        }

                        if(imagePaddingRight!="")
                        {
                            $("#"+imgId).css('padding-right',imagePaddingRight);
                        }
                        else
                        {
                            $("#"+imgId).css('padding-right','');
                        }

                        if(imagePaddingBottom!="")
                        {
                            $("#"+imgId).css('padding-bottom',imagePaddingBottom);
                        }
                        else
                        {
                            $("#"+imgId).css('padding-bottom','');
                        }

                        if(imagePaddingLeft!="")
                        {
                            $("#"+imgId).css('padding-left',imagePaddingLeft);
                        }
                        else
                        {
                            $("#"+imgId).css('padding-left','');
                        }
                       $('#imgPaddingTop').val( $(e.target).closest("img").get(0).style.paddingTop );

                    $('#imgPaddingRight').val( $(e.target).closest("img").get(0).style.paddingRight );

                    $('#imgPaddingBottom').val( $(e.target).closest("img").get(0).style.paddingBottom );

                    $('#imgPaddingLeft').val( $(e.target).closest("img").get(0).style.paddingLeft );
nmohanan commented 4 years ago

Hi Adem,

We have created the line control for the text editor purpose, we are not supporting this feature in the current version. you can edit this code and you can add your own code because it is completely free and opensource. If you need any support from us please let us know, so we can provide an estimate and cost.

Thanks

On Wed, Jul 22, 2020 at 1:37 PM Adem GENÇ notifications@github.com wrote:

Hello, With trial and error, I added the image width feature works fine I added image align feature works fine

I added image padding feature works fine

But, I want to add padding-top, padding-right, padding-bottom, padding-left, instead of padding

I couldn't, I wonder where I'm doing wrong Screen: https://antenfiyati.com/padding.png

})).append($('

var imagePaddingTop = $('#imgPaddingTop').val(); var imagePaddingRight = $('#imgPaddingRight').val(); var imagePaddingBottom = $('#imgPaddingBottom').val(); var imagePaddingLeft = $('#imgPaddingLeft').val();

` if(imagePaddingTop!="") { $("#"+imgId).css('padding-top',imagePaddingTop); } else { $("#"+imgId).css('padding-top',''); }

              if(imagePaddingRight!="")

              {

                  $("#"+imgId).css('padding-right',imagePaddingRight);

              }

              else

              {

                  $("#"+imgId).css('padding-right','');

              }

              if(imagePaddingBottom!="")

              {

                  $("#"+imgId).css('padding-bottom',imagePaddingBottom);

              }

              else

              {

                  $("#"+imgId).css('padding-bottom','');

              }

              if(imagePaddingLeft!="")

              {

                  $("#"+imgId).css('padding-left',imagePaddingLeft);

              }

              else

              {

                  $("#"+imgId).css('padding-left','');

              }`

$('#imgPaddingTop').val( $(e.target).closest("img").get(0).style.paddingTop ); $('#imgPaddingRight').val( $(e.target).closest("img").get(0).style.paddingRight ); $('#imgPaddingBottom').val( $(e.target).closest("img").get(0).style.paddingBottom ); $('#imgPaddingLeft').val( $(e.target).closest("img").get(0).style.paddingLeft );

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/suyati/line-control/issues/115, or unsubscribe https://github.com/notifications/unsubscribe-auth/AA74LOBSHLCISE3SBR3HJETR42M2XANCNFSM4PEOEVNA .

--

NAVEENBOS T M - Senior Engineer

Mob: +91 9746182537 | Skype: naveen.bos | www.suyati.com https://suyati.com/ We empower our clients to acquire, manage and retain their customers through effective digital transformation of their business, thus enabling them to create delightful user experiences and stories.

--

The information in this email may be privileged. If you have received it by mistake please notify the sender by return e-mail and delete the message from your system. Any unauthorized use or dissemination of this message in whole or in part is strictly prohibited. Any information in this message that does not relate to official business shall be understood to be neither given nor endorsed by Suyati Technologies Private Limited. Although the company has taken reasonable precaution to ensure no viruses are present in this email, the recipient should check this email and any attachments for the presence of viruses. The company accepts no liability for any damage caused by any virus transmitted by this email.

P Please consider the environment before printing this e-mail -- SAVE PAPER! SAVE THE PLANET!!

Ademgenc53 commented 4 years ago

Thank you I'm trying to do something amateur for myself