Javascript: Как вставлять и усекать сообщения в блоге Tumblr

Question

Используя JSON API Tumblr, я встроил посты в блог на другой сайт. Тем не менее, сообщения в блоге длинные, и идея состоит в том, чтобы просто показать фрагмент самых последних сообщений со ссылкой, если они хотят прочитать больше.

Вы можете увидеть пример здесь : http://jsbin.com/ibede5/9 - отредактируйте по своему желанию.

Для каждого поста мне нужно усечь и добавить многоточие ('...'). Единственная проблема заключается в том, что сделать это через JSON API практически невозможно, так как существует так много скрытого кода. символы (имеется в виду мой первый пример работы с почтой, извлекающий символы, используя .substring(35868, 36070), что просто безумие). На втором посте он тоже не работает.

Так что в идеале мне нужно усечь только после того, как код JSON API был перенесен в стандартный HTML.

Кроме того, единственный способ включить изображения из сообщений - добавить сообщение во второй раз и использовать 'display: none;, чтобы скрыть текст, оставив только изображение. Конечно, есть лучший способ?

Есть идеи? Должен ли я вообще использовать их JSON API для этого?

Большое спасибо.

Answer 1

Я думаю, вам нужно установить для post ['регулярное тело'] свойство элемента innerHTML, чтобы иметь возможность извлекать тело в виде текста, а затем выполнить подстроку для этого:

elem = $('<div></div>');
elem.html(p['regular-body']);
text = elem.text();
body = text.substring(0, 128);

Теперьчто elem содержит весь HTML-код из p['regular-body'], вы можете искать в нем.Чтобы найти <img> элементов, выполните:

var images = $(elem).find('img');