Я о том, как оно сохраняется.
Вы хотите сделать конструктор, который генерит читаемый код, чтобы его потом программисту можно было дорабатывать? Дохлый номер. Имхо. Расширяемый проект нужно проектировать с умом.
Если свести задачу просто к назначению класса, то добавьте в свой зелёный прямоугольник поле "CSS класс" для ручного заполнения. Пользователь будет писать класс, вы его сохранять. При этом в режиме редактирования вы будете применять стили напрямую, в style. А при экспорте генерить html+css.
<div class="output" style="width: 1490px; margin-left: -745px; left:50%; position: absolute; height: 5000px">
<p style="box-sizing: border-box; padding: 0px; width: 434px; height: 225px; left: 183px; top: 94px; font-size: 25px; position: absolute; margin: 0px; border-color: rgb(102, 0, 51); border-width: 5px; border-style: solid; border-radius: 20px; background: url("") rgb(102, 153, 255);" class="">Блок</p></div><style>
#output{
width: 1490px;
margin-left: -745px;
left:50%;
position: absolute;
height: 5000px
}
.usersblock{
box-sizing: border-box;
padding: 0px;
width: 434px;
height: 225px;
left: 183px; top: 94px;
font-size: 25px;
position: absolute;
margin: 0px; border-color: rgb(102, 0, 51);
border-width: 5px;
border-style: solid;
border-radius: 20px;
background: url("") rgb(102, 153, 255);
}
</style>
<div id="output">
<p class="usersblock">Блок</p>
</div>Я хочу сделать так, чтобы имя класса создаваемого блока можно было указывать вручную.
// Выключение протоколирования ошибок
error_reporting(0);