Skip to content

Instantly share code, notes, and snippets.

@snakers4

snakers4/calling the summernote

Last active June 21, 2017 03:51
Show Gist options
  • Save snakers4/4c2abe6fea63e6683f3851a5a4bab53e to your computer and use it in GitHub Desktop.
Save snakers4/4c2abe6fea63e6683f3851a5a4bab53e to your computer and use it in GitHub Desktop.
Download ZIP
Ace test
Raw
calling the summernote
.find('[name="articleText"]')
.summernote({
ace: {
aceTheme: 'ace/theme/dawn',
aceMode: 'c_cpp',
aceLineHeight: '32px',
aceFontSize: '16px',
aceModeSelectorLabel: 'select your language',
aceCodeInputAreaLabel: 'input your code',
aceCodeSubmitBtnLabel: 'Insert',
aceModalTitle: 'Insert Code',
aceModes: [
'c/c++', 'java', 'javascript', 'perl', 'python', 'php', 'ruby',
'sh', 'golang', 'julia', 'rust', 'scala', 'haskell', 'lisp', 'lua', 'sql',
'coffee', 'typescript'
],
},
toolbar: [
['style', ['style']],
['font', ['bold', 'italic', 'underline', 'clear']],
['fontname', ['fontname']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['height', ['height']],
['table', ['table']],
['insert', ['link', 'picture', 'hr']],
['view', ['fullscreen', 'codeview']],
['help', ['help']],
['myplugin', ['aceCodeEditor']]
],
lang: 'en-US',
height: 400
})
.on('summernote.change', function(customEvent, contents, $editable) {
// Revalidate the content when its value is changed by Summernote
$('#supportForm').formValidation('revalidateField', 'articleText');
})
.end()
.on("err.form.fv", function(e) {
// Regenerate the captcha
});
Raw
includes
<!-- Core JS files -->
<!-- No comment -->
<script type="text/javascript" src="assets/js/plugins/loaders/pace.min.js"></script>
<!-- No comment -->
<!-- Core JS files -->
<!-- Core JS files -->
<!-- No comment -->
<script type="text/javascript" src="assets/js/core/libraries/jquery.min.js"></script>
<!-- No comment -->
<!-- Core JS files -->
<!-- Core JS files -->
<!-- No comment -->
<script type="text/javascript" src="assets/js/core/libraries/bootstrap.min.js"></script>
<!-- No comment -->
<!-- Core JS files -->
<!-- Core JS files -->
<!-- No comment -->
<script type="text/javascript" src="assets/js/plugins/loaders/blockui.min.js"></script>
<!-- No comment -->
<!-- Core JS files -->
<!-- Data table extensions -->
<!-- Data table extensions -->
<script type="text/javascript" src="assets/js/plugins/tables/datatables/datatables.min.js"></script>
<!-- Data table extensions -->
<!-- Data table extensions -->
<!-- Data table extensions -->
<!-- Buttons -->
<script type="text/javascript" src="assets/js/plugins/tables/datatables/extensions/buttons.min.js"></script>
<!-- Buttons -->
<!-- Data table extensions -->
<!-- Select2 -->
<!-- Select2 -->
<script type="text/javascript" src="assets/js/plugins/forms/selects/select2.min.js"></script>
<!-- Select2 -->
<!-- Select2 -->
<!-- Theme JS files -->
<!-- No comment -->
<script type="text/javascript" src="assets/js/core/app.js"></script>
<!-- No comment -->
<!-- Theme JS files -->
<!-- Data table extensions -->
<!-- Buttons -->
<script type="text/javascript" src="assets/js/pages/datatables_extension_buttons_init.js"></script>
<!-- Buttons -->
<!-- Data table extensions -->
<!-- Global stylesheets -->
<!-- No comment -->
<link href="assets/css/colors.min.css" rel="stylesheet" type="text/css">
<!-- No comment -->
<!-- Global stylesheets -->
<!-- Global stylesheets -->
<!-- No comment -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
<!-- No comment -->
<!-- Global stylesheets -->
<!-- FormValidation.io files -->
<!-- FormValidation CSS file -->
<link rel="stylesheet" href="assets/formvalidation/formValidation.min.css">
<!-- FormValidation CSS file -->
<!-- FormValidation plugin and the class supports validating Bootstrap form -->
<script src="assets/formvalidation/formValidation.min.js"></script>
<script src="assets/formvalidation/bootstrap.min.js"></script>
<!-- FormValidation plugin and the class supports validating Bootstrap form -->
<!-- FormValidation.io files -->
<!-- Global stylesheets -->
<!-- No comment -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/core.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/components.min.css" rel="stylesheet" type="text/css">
<!-- No comment -->
<!-- Font awesome -->
<link href="assets/css/icons/fontawesome/styles.min.css" rel="stylesheet" type="text/css">
<!-- Font awesome -->
<!-- Icomoon -->
<link href="assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
<!-- Icomoon -->
<!-- Global stylesheets -->
<!-- http://summernote.org -->
<!-- http://summernote.org -->
<script type="text/javascript" src="assets/js/plugins/editors/summernote/summernote.min.js"></script>
<!-- http://summernote.org -->
<!-- http://summernote.org -->
<!-- Theme JS files -->
<!-- Nice scroll plugin -->
<script type="text/javascript" src="assets/js/plugins/ui/nicescroll.min.js"></script>
<!-- Nice scroll plugin -->
<!-- No comment -->
<script type="text/javascript" src="assets/js/plugins/forms/styling/switchery.min.js"></script>
<script type="text/javascript" src="assets/js/plugins/forms/styling/uniform.min.js"></script>
<script type="text/javascript" src="assets/js/plugins/ui/headroom/headroom.min.js"></script>
<script type="text/javascript" src="assets/js/plugins/ui/headroom/headroom_jquery.min.js"></script>
<!-- No comment -->
<!-- Hideable navbar -->
<script type="text/javascript" src="assets/js/pages/layout_navbar_hideable.js"></script>
<!-- Hideable navbar -->
<!-- Theme JS files -->
<!-- AV utilities -->
<!-- AV utilities -->
<script type="text/javascript" src="assets/avUtilities/utilities.js"></script>
<!-- AV utilities -->
<!-- AV utilities -->
<!-- Bootstrap table -->
<!--
Accounting.js
http://openexchangerates.github.io/accounting.js/#instructions
-->
<script type="text/javascript" src="assets/bootstrap_table/accounting.js"></script>
<!--
Accounting.js
http://openexchangerates.github.io/accounting.js/#instructions
-->
<!--
Bootstrap Table JS
https://github.com/wenzhixin/bootstrap-table
http://bootstrap-table.wenzhixin.net.cn
-->
<script type="text/javascript" src="assets/bootstrap_table/bootstrap-table.js"></script>
<script type="text/javascript" src="assets/bootstrap_table/bootstrap-table-export.js"></script>
<script type="text/javascript" src="assets/bootstrap_table/tableExport.js"></script>
<!--
Bootstrap Table JS
https://github.com/wenzhixin/bootstrap-table
http://bootstrap-table.wenzhixin.net.cn
-->
<!-- Bootstrap table -->
<!-- Datepickers -->
<!-- Pickadate -->
<script type="text/javascript" src="assets/js/plugins/pickers/pickadate/picker.js"></script>
<script type="text/javascript" src="assets/js/plugins/pickers/pickadate/picker.date.js"></script>
<script type="text/javascript" src="assets/js/plugins/pickers/pickadate/picker.time.js"></script>
<!-- Pickadate -->
<!-- Datepickers -->
<!-- Favicon -->
<!-- Favicon -->
<link rel="shortcut icon" type="image/png" href="assets/images/favicon.png"/>
<!-- Favicon -->
<!-- Favicon -->
<!-- http://bootboxjs.com -->
<!-- http://bootboxjs.com -->
<script type="text/javascript" src="assets/bootboxjs/bootbox.js"></script>
<script type="text/javascript" src="assets/bootboxjs/bootbox.min.js"></script>
<!-- http://bootboxjs.com -->
<!-- http://bootboxjs.com -->
<!-- http://plugins.krajee.com/file-input-ajax-demo/1 -->
<!-- http://plugins.krajee.com/file-input-ajax-demo/1 -->
<script type="text/javascript" src="assets/js/plugins/uploaders/fileinput.min.js"></script>
<!-- http://plugins.krajee.com/file-input-ajax-demo/1 -->
<!-- http://plugins.krajee.com/file-input-ajax-demo/1 -->
<!-- https://github.com/wubin1989/summernote-ace-plugin -->
<!-- https://github.com/wubin1989/summernote-ace-plugin -->
<script type="text/javascript" src="assets/js/plugins/ace-plugin/ace.js"></script>
<script type="text/javascript" src="assets/js/plugins/ace-plugin/summernote-ace-plugin.js"></script>
<!-- https://github.com/wubin1989/summernote-ace-plugin -->
<!-- https://github.com/wubin1989/summernote-ace-plugin -->
<!-- Theme JS files -->
<!-- Datepickers -->
<script type="text/javascript" src="assets/js/pages/picker_date.js"></script>
<script type="text/javascript" src="assets/js/plugins/notifications/jgrowl.min.js"></script>
<script type="text/javascript" src="assets/js/plugins/ui/moment/moment.min.js"></script>
<script type="text/javascript" src="assets/js/plugins/pickers/daterangepicker.js"></script>
<script type="text/javascript" src="assets/js/plugins/pickers/anytime.min.js"></script>
<script type="text/javascript" src="assets/js/plugins/pickers/pickadate/legacy.js"></script>
<!-- Datepickers -->
<!-- Theme JS files -->
<!-- Toastr js -->
<!-- https://codeseven.github.io/toastr/
http://codeseven.github.io/toastr/demo.html -->
<script type="text/javascript" src="assets/toastr/toastr.min.js"></script>
<link rel="stylesheet" href="assets/toastr/toastr.min.css">
<!-- https://codeseven.github.io/toastr/
http://codeseven.github.io/toastr/demo.html -->
<!-- Toastr js -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment