Сброс значений свойств объекта в Тильде

[qsedftghk]

Вообщем, сели мне тут на мозг, сделать сайт-одностраницу на Тильде. Про саму Тильду, давайте не будем, ибо каждый сходит с ума по-своему.
Столкнулся с такой штукой: когда начинаешь делать адаптацию страницы под разные размеры, в редакторе Тильды нет такого очевидного, казалось бы, инструмента как сброс значение свойств объекта на "по умолчанию".
В итоге, при выборе разного размера экрана приходится тыкать по каждому объекту, а затем в его настройках удалять все значения, типа, X, Y, width, height, размер шрифта и т.п., чтобы они сбрасывались в исходные значения, чтобы потом выделив скопом всё, можно было отмасштабировать быстренько под нужный размер, а дальше уже править как на душу ляжет.
Короч, написал на скору руку тупейший скрипт для violentmonkey (расширения для хромоподобных браузеров, будет, скорее всего, работать и в Tampermonkey - не проверял), вот код:

Спойлер: Код - тупо копи паст в редактор расширения

// ==UserScript==
// @name Тильда - кнопка вкл./выкл.
// @description сбрасываем значения выделеного текстового элемента в тильде при адаптации
// @match https://tilda.cc/zero/
// @grant none
// ==/UserScript==

var sss=false;

// создаем кнопку
$('body').prepend($('<style>  .lsdbut {   color: black;   position: fixed;   left: 68px;   top: 20px;   z-index: 99999;  }  .lsdbut:hover {   color: red;  } </style><button class="lsdbut">R</button>'));

// кнопка используется как выключатель
$(".lsdbut").click(function(e){
 sss = !sss;

if (sss)
  { $('.lsdbut').css({'color': 'red'}); $('.tn-right-box').css({ 'background-color':'#f06847'}); }
    else { $('.lsdbut').css({'color': 'black'}); $('.tn-right-box').css({ 'background-color':''});}

}); // ----------------------------------------------------------------------------------------

$("*").click(function(e){
/* если кнопку нажали, то так вам и надо*/
  if (sss)
{

  var element_selected;
  e.stopPropagation();
  let elementPointed = document.elementFromPoint(e.clientX, e.clientY);

  element_selected = $(elementPointed).parent().attr('class')=='tn-atom' ? $(elementPointed).parent().parent().attr('id') : $(elementPointed).parent().attr('id');

try {

      $('div[data-for-elem-id*="'+element_selected+'"] input[name*="fontsize"]').val("");
      $('div[data-for-elem-id*="'+element_selected+'"] input[name*="fontsize"]').change();

      $('div[data-for-elem-id*="'+element_selected+'"] input[name*="lineheight"]').val("");
      $('div[data-for-elem-id*="'+element_selected+'"] input[name*="lineheight"]').change();

      $('div[data-for-elem-id*="'+element_selected+'"] input[name*="letterspacing"]').val("");
      $('div[data-for-elem-id*="'+element_selected+'"] input[name*="letterspacing"]').change();

      $('div[data-for-elem-id*="'+element_selected+'"] input[name*="rotate"]').val("");
      $('div[data-for-elem-id*="'+element_selected+'"] input[name*="rotate"]').change();

      $('div[data-for-elem-id*="'+element_selected+'"] input[name*="height"]').val("");
      $('div[data-for-elem-id*="'+element_selected+'"] input[name*="height"]').change();

    }
  catch (err)

    {
      $('div[data-for-elem-id*="'+element_selected+'"] input[name*="height"]').val("");
      $('div[data-for-elem-id*="'+element_selected+'"] input[name*="height"]').change();
    }
  finally { // блок выполняется всегда
            $('div[data-for-elem-id*="'+element_selected+'"] input[name*="left"]').val("");
            $('div[data-for-elem-id*="'+element_selected+'"] input[name*="left"]').change();

            $('div[data-for-elem-id*="'+element_selected+'"] input[name*="top"]').val("");
            $('div[data-for-elem-id*="'+element_selected+'"] input[name*="top"]').change();

            $('div[data-for-elem-id*="'+element_selected+'"] input[name*="width"]').val("");
            $('div[data-for-elem-id*="'+element_selected+'"] input[name*="width"]').change();
          }

} //  if -------
}); // ----------------------------------------------------------------------------------------

Ну, понятное дело, я максимальный индус в кодинге, но мне хотелось бы понять, почему нужно тыкать мышкой два раза в объект, чтобы код, всё-таки отработал нормальненько (см. видео).
На видео показано, что в интерфейс редактора тильды, встраивается кнопочка "R", при нажатии на которую, включается режим, где возможно, щёлкая мышкой по объектам, сбрасывать их значения. Но щёлкать приходится два раза, а это уже бя. Так как рядом у меня никаких программеров нет, приходится спрашивать здесь. Может, какой умненький веб-кодер, наведёт красоту в этом коде? В принципе, мне не лень мышкой щёлкнуть два раза, одна фигня, это быстрее, чем ручками, но если сделать правильно, то данным произведением можно поделиться с тильдо-сообществом: нам приятно, им хорошо, а в целом - удобняха, до которой создатели тильды, !"!№!";"%;, не могут снизойти. В реале, хотелось бы конечно, тупо нажатием одной кнопки сбрасывать значение у всех объектов на странице, но я постарел и поглупел =)

Спойлер: Видео

 

[qsedftghk]

Зы. Удивлён, что до сих пор, не нашлось людей, которые бы сделали аля illustrator, но под веб, типа DreamWeaver, Figma, XD в одном флаконе, но без кучи лишнего кода, с вменяемым редактором, стилями а-ля Indesign и править можно было бы в режиме реального времени, и на выходе адаптивный дизайн. Флеш был к этому оооочень близок, но.
ЗЫЫЫ. Хотя... В наше время - удивление как чувство уже атрофировалось

 

[George]

стилями а-ля Indesign

Было же, убили, я даже по нему экзамен сдавал и юзал лет пять.
Убили в угоду DreamWeaver, помню как плевался, когда DW открыл и начал переучиваться.

Adobe GoLive - Wikipedia

en.wikipedia.org

 

[qsedftghk]

George, я даже и не знал, за всем не углядишь. Но, согласись, напрашивается жешь... Adobe, реально тормозит ща. DW - ооочень монструозен, я в блокноте код легче далаю. Они пытаются сделать комбайн, когда, мать их за ногу, сделали бы афигенную косу, а уж плагинами ее подправили​

 

[George]

Время таких программ как бы прошло, пошли CMS.

 

[George]

напрашивается жешь...

Спойлер: ненависть зашкаливает

 

[qsedftghk]

Ну, вот Тильда, казалось бы недоCMS для непрограммеров. Одна фигня, - сделать что-либо нестандартное - вуаля, кодь. Уныленько =)

 

[George]

сделать что-либо нестандартное - вуаля, кодь

Так везде

 

[George]

Work with Other Adobe Applications
GoLive 9 continues to integrate closely with other Adobe graphics applications. Designers can drag and drop content directly from InDesign into GoLive, which automatically translates most existing character and paragraph styles into CSS. Common color settings are maintained from other applications. Native Adobe Photoshop, Illustrator, and Adobe PDF files can be placed into GoLive as Smart Objects, which can be cropped and resized on-the-fly.

Было время, были люди.

Adobe Announces GoLive 9 | CreativePro Network

Adobe Systems Incorporated today announced the immediate availability of Adobe® GoLive® 9 software for professional designers who want to build web design skills. This intuitive new version empowers non-code savvy design professionals to create modern, CSS-compliant websites using a visual...

creativepro.com

 

[qsedftghk]

Проблема в одном, имхо. Не все могут кодить. Это, всё-таки, определенный склад ума. Но, "№;";";, даже к бабке ходить не нужно, можно запрограммить так, чтобы человек и не кодил вовсе. Но нет. Мучайтесь бедолаги =) Golive видел. пробовал. но чё-то не зашёл. Ладно, отвлеклись от сути =))