У меня есть приложение ioni c, которое использует angular, и я хочу добавить средство выбора изображений в редактор tinymce, который я представил на странице.
В tinymce docs , насколько я могу понять, он говорит об использовании директивы angular в файле html (я также использовал ngModel из здесь ):
<h1>TinyMCE 5 Angular Demo</h1>
<editor
[(ngModel)]="dataModel"
[init]="{
height: 500,
menubar: false,
plugins: [
'advlist autolink lists link image charmap print preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount'
],
toolbar:
'undo redo | formatselect | bold italic backcolor | \
alignleft aligncenter alignright alignjustify | \
bullist numlist outdent indent | removeformat | help'
}"
></editor>
Все работает нормально, но теперь я хочу добавить средство выбора изображений, но документы для этого подразумевают использование js в файле ts, например:
tinymce.init({
selector: 'textarea', // change this value according to your HTML
file_picker_callback: function(callback, value, meta) {
// Provide file and text for the link dialog
if (meta.filetype == 'file') {
callback('mypage.html', {text: 'My text'});
}
// Provide image and alt text for the image dialog
if (meta.filetype == 'image') {
callback('myimage.jpg', {alt: 'My alt text'});
}
// Provide alternative source and posted for the media dialog
if (meta.filetype == 'media') {
callback('movie.mp4', {source2: 'alt.ogg', poster: 'image.jpg'});
}
}
});
Я сейчас немного застрял, так как мне нужно вызвать file_picker_callback из директивы в html, и я не могу понять, как.
В качестве альтернативы я подумал, что могу сослаться на ngModel из файла js / ts вместо файла html, но опять же я немного застрял, так как не уверен, что искать.
Я начал читать angular документы, чтобы получить г asp того, что происходит (и что делать), но немного повернуть в правильном направлении не go неправильно.