Bootbox: сообщение переполнено

Я использую последнюю версию Bootbox и должен отображать очень большой объем текста. Текст переполняется из модального окна Bootbox и из браузера. Мне нужен текст, содержащийся с вертикальной полосой прокрутки, когда это необходимо. Я попытался обернуть сообщение в различные элементы html, но не повезло.Bootbox: сообщение переполнено

Вот мой код:

bootbox.dialog({ 
    onEscape: function() { }, 
    message: JSON.stringify(data), 
    title: "View", 
    buttons: { 
     main: { 
      label: "Cancel", 
      className: "btn-default", 
      callback: function() { 
      //close popup and do nothing 
      return true; 
      } 
     } 
    } 
});

Demo

источник

2015-11-25 Big Daddy

Demo обновляется с длинным содержанием. Кажется, что Bootbox обрабатывает его изящно, расширяя, по мере необходимости, модальный. Посмотрите, можете ли вы воспроизвести свою проблему. – isherwood

@isherwood ... Я использовал ваш

текст

, и он отлично работает. Когда я обновляю его до «

» + JSON.stringify (данные) + «

», не хорошо. В этом случае «данные» - это просто большой объект json. Интересно, как это повлияет на это? –

@isherwood ... Я обновил его с помощью json-данных (также пытался добавить котировки вокруг него тоже) –

Ваши данные JSON является одна длинная строка, которая заставляет элемент абзаца превышать нормальную ширину, если не указано переноса слов.

.modal-body p { 
    word-wrap: break-word; 
}

Demo

Longer demo

источник

2015-11-25 21:13:30 isherwood

ответ

Смежные вопросы