diff --git a/resources/assets/js/directives.js b/resources/assets/js/directives.js index 0119ded42..8554da9f8 100644 --- a/resources/assets/js/directives.js +++ b/resources/assets/js/directives.js @@ -252,11 +252,14 @@ module.exports = function (ngApp, events) { link: function (scope, element, attrs) { // Set initial model content - var content = element.val(); + element = element.find('textarea').first(); + let content = element.val(); scope.mdModel = content; scope.mdChange(markdown(content)); - element.on('change input', (e) => { + console.log('test'); + + element.on('change input', (event) => { content = element.val(); $timeout(() => { scope.mdModel = content; @@ -284,7 +287,7 @@ module.exports = function (ngApp, events) { link: function (scope, element, attrs) { // Elements - const input = element.find('textarea[markdown-input]'); + const input = element.find('[markdown-input] textarea').first(); const display = element.find('.markdown-display').first(); const insertImage = element.find('button[data-action="insertImage"]'); diff --git a/resources/assets/sass/_tinymce.scss b/resources/assets/sass/_tinymce.scss index 2c3571d4b..dd0bf7950 100644 --- a/resources/assets/sass/_tinymce.scss +++ b/resources/assets/sass/_tinymce.scss @@ -24,7 +24,7 @@ text-align: center; } -.edit-area.flex > .mce-tinymce.mce-container.mce-panel { +.edit-area.flex > div > .mce-tinymce.mce-container.mce-panel { height: 100%; max-height: 100%; flex: 1; diff --git a/resources/views/pages/form.blade.php b/resources/views/pages/form.blade.php index 4196e946f..6529f044b 100644 --- a/resources/views/pages/form.blade.php +++ b/resources/views/pages/form.blade.php @@ -44,8 +44,11 @@