Please I'm working on a project to make html editor. I downloaded a program online trying to modify it to my need, I'm having difficulty to get the inner html of the edit using javascript or jquery output it in
Код: Выделить всё
textarea and input typeMORE EXPLANATION OF WHAT I NEED
- 1 when I key text in the editor I want it to return the in a hidden textarea.
- 2 I want to be able to save the in my database.
- 3 I want the editor the have default text to display LIKE
Код: Выделить всё
[please start typing your code here]
Please this is what have been giving me trouble to complete my work I will appreciate if anyone can help me or suggest another method or program to use in archive this. Thank you guys here is the program
HTML
Код: Выделить всё
.ace-md{ height: 300px; } Markdown Editor Markdown Preview Код: Выделить всё
Код: Выделить всё
var app = angular.module('app', []); app.controller('ctrl', [ '$scope', function ($scope) { ace.config.set('basePath', '//cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/'); } ]); app.directive('aceCodeEditor', [function () { return { link: function (scope, element, attrs) { scope.editor = ace.edit(element[0]); scope.editor.getSession().setMode('ace/mode/markdown'); scope.editor.setTheme('ace/theme/monokai'); scope.editor.getSession().on('change', function (e) { scope.$emit('ace.editor.change'); }); } }; }]); app.directive('markdownViewer', [function () { return { link: function (scope, element, attrs) { scope.$on('ace.editor.change', function () { element.html(marked(scope.editor.getValue())); element.find('pre code').each(function (i, block) { hljs.highlightBlock(block); }); element.find('table').addClass('table'); }); } }; }]);//HERE I TRY USING JAVASRCIPT BUT IT DIDN'T WORK //document.getElementById('outpt-hm').value = getElementsByClassName("ace_text-input").innerHTML; Источник: https://stackoverflow.com/questions/350 ... javascript
Мобильная версия