Как к автоматическому изменяют размер tinyMCE?

Я использовал JNBridge ( http://www.jnbridge.com/jnbpro.htm ) на относительно простом проекте, где у нас было клиентское приложение.NET с помощью относительно значительного файла банки, полного логики бизнес-объекта, которую мы не хотели портировать. Это работало вполне приятно, но я не скажу, что мы полностью осуществили возможности JNBridge.

31
задан igorsantos07 15 May 2017 в 00:16
поделиться

1 ответ

Дело в том, что TinyMCE генерирует iframe вместо текстового поля с этим идентификатором: originalID + "_ ifr" и таблицей originalID + "_ tbl" для хранения элементов управления и области редактора.

Чтобы сделать гибкую ширину:

document.getElementById(id+'_tbl').style.width='100%'


Чтобы сделать плавную высоту:

Измените динамически document.getElementById (id + '_ ifr'). Style.height на нужную высоту с помощью JS.
Вот сценарий, который я использую для этого:

function toScreenHeight(id, minus) {
    var height;

    if (typeof(window.innerHeight) == "number") //non-IE
        height = window.innerHeight;
    else if (document.documentElement && document.documentElement.clientHeight) //IE 6+ strict mode
        height = document.documentElement.clientHeight;
    else if (document.body && document.body.clientHeight) //IE 4 compatible / IE quirks mode
        height = document.body.clientHeight;

    document.getElementById(id).style.height = (height - minus) + "px";
}

Вы можете использовать код и вызовы функций внутри событий onload и onresize body .

14
ответ дан 27 November 2019 в 21:43
поделиться
Другие вопросы по тегам:

Похожие вопросы: