I was looking for light-weight solution base on AngularJS to extend textarea with only basic functionality (like headings, text-weight, lists) and found nothing really close to initial requirements, so I’ve spent some time and invented my own wheel – ng-wig editor, welcome for telling criticism and propositions.
Изучив кучу инструкций по сборке различных моделей велосипедов я таки собрал свой. Будет хорошо, если пост поможет сэкономить кому-то время на конструирование.
UPD: Статья обновлена и дополнена 2017-02-21
Заметки в помощь пытающимся понять суть “strict mode“.
Пост составлен на основе развернутого ответа John David Miller о том, как человеку, который писал сайты с jQuery, переключится на AngularJS – мышление.
Часто слышу этот вопрос. Вроде бы и документация стала лучше, и столько уже обсуждений по этому поводу есть. Но всеравно у многих этот вопрос остается открытым.
I decided to find use for Highcharts speedometer and got Mousometer that measures speed of you mouse moves, welcome to have fun with it.
You can find code here.
Иногда возникает необходимость получить html-содержимое jQuery-объекта в виде строки. Первое что приходит в голову
[javascript]$element.html();[/javascript]
да, это работает, но мы не получаем html-кода самого контейнера (или корневого элемента). Следующий вариант, который приходит в голову – сделать обертку копии текущего элемента и после уже получить содержимое:
[javascript]$(‘<div>’).append($element.clone()).html();[/javascript]
но как-то это громоздкою.
Погуглив нашел еще интересный вариант, который работает в jQuery начиная с версии 1.6:
[javascript]$element.prop(‘outerHTML’); [/javascript]
Ну и можно еще поиграть с переопределением метода toString (сделано в качестве эксперимента и крайне не рекомендуется делать в реальном проекте):
[javascript]
$.fn.toString = function() {
return $(this).prop(‘outerHTML’);
}
[/javascript]
после чего
[javascript]alert($element) [/javascript]
выведет не просто [Object object], а строку – HTML содержимое объекта.
И код.
В добавок к валидации кода и покрытия юнит-тестами я прикрутил интересную штуку для проекта – grunt-complexity – оценку сложности кода.
Вдохновленный angular-sticky написал свой ngSticky вариант:
