У меня имеется довольно большой текст. Я хочу его подгружать с JSON. Подскажите, как я могу вставить в JSON такой большой текст? Есть какие-то возможности сделать это?
{
"news": [
{
"photo": "./img/img-news/header-background.jpg",
"article": "Проект «Краснодог»",
"newsText": "Я родился в провинции Лангедок в 1668-м году.\n
Немного подумав, я написал еще:\n"
},
{
"photo": "",
"article": "Проект «Форум добрых дел»",
"newsText": "Сегодня я вам с радостью сообщаю, что работа выполнена!"
}
]
}
JS
function News() {
var self = this;
this.newsItems = [];
this.renderNews($('.news'));
this.getJsonItems(function () {
self.changeNews();
});
}
News.prototype.renderNews = function (jQuerySelector) {
var $newsImage = $('<div />', {
class: 'news__image'
});
var $newsContent = $('<div />', {
class: 'news__content'
});
var $newsOtherNews = $('<div />', {
class: 'news__other-news'
});
$.get({
url: './news.json',
dataType: 'json',
context: this,
success: function (data) {
// Создание фото новости
var photo = data.news[0].photo;
$($newsImage).css('background-image', 'url('+ photo +')');
// Создание заголовка новости
var article = data.news[0].article;
var $newsArticle = $('<article />', {
text: article
});
$newsArticle.appendTo($newsImage);
// Создание текста новости
var newsText = data.news[0].newsText;
var $contentText = $('<div />', {
class: 'content__text'
});
var $textParagraph = $('<p />', {
text: newsText
});
$textParagraph.appendTo($contentText);
$contentText.appendTo($newsContent);
// Создание таблицы других новостей
var $contentItem = $('<div />', {
class: 'other-news__content'
});
for(var i = 0; i < data.news.length; i++) {
var $itemArticle = $('<div />', {
'data-id': i,
class: 'content__item',
text: data.news[i].article
});
$itemArticle.appendTo($contentItem);
}
$contentItem.appendTo($newsOtherNews);
}
});
jQuerySelector.append($newsImage);
jQuerySelector.append($newsContent);
jQuerySelector.append($newsOtherNews);
};
$(document).ready(function () {
var news = new News();
});