cerealkillerway / materialnote Goto Github PK

steps to reproduce

1. Click on table menu, the dropdown alignment isnt correct

2. I have only copied over the dist/materialnote.js, materialnote.css dated September 7 into my application.

3. Am I missing some configuration please?

browser version and os version

What is your browser and OS? chrome, mac

screenshot of issue

add screenshots which shows your issue(if needed).
You can make gif from Recordit.

Inserting an image does not seem to be working in Material Note v2. The "INSERT IMAGE" button remains disabled after selecting an image or pasting a URL to an image.

steps to reproduce

1. Click picture icon to insert an image
2. Select an image by clicking the "Files" button
3. The "INSERT IMAGE" button remains disabled

browser version and os version

What is your browser and OS?

Firefox 50.1.0
Windows 10 Professional
Jquery 3.2.1

screenshot of issue

I can do as persistent variables in materianote , it is compatible with garlic or some other method ?

steps to reproduce

1. Type several lines of text
2. Click on the Unoder List icon - to insert bullet points
3. No bullet is shown. However, Ordered List (numbered) works fine

browser version and os version

Windows 10, Firefox Version 63, 64-bit

screenshot of issue

add screenshots which shows your issue(if needed).
You can make gif from Recordit.

When I initialize an empty Textarea and click on code view, it shows the following error. I think is because there is any html tag in the textarea.

Uncaught RangeError: Maximum call stack size exceeded
    at beautifyHTML (materialNote.js:4855)
    at beautifyHTML (materialNote.js:4871)
    at beautifyHTML (materialNote.js:4871)
    at beautifyHTML (materialNote.js:4871)
    at beautifyHTML (materialNote.js:4871)
    at beautifyHTML (materialNote.js:4871)
    at beautifyHTML (materialNote.js:4871)
    at beautifyHTML (materialNote.js:4871)
    at beautifyHTML (materialNote.js:4871)
    at beautifyHTML (materialNote.js:4871)

It seems that a call to getHTML() returns a blank if the editor content only has an image.

Uploading an image to the editor is not triggering the onImageUpload callback, it is simply embedding the image into the editor. I have a previous implementation of the editor that used summernote and I simply swapped it out for materialNote.

Are there additional changes that need to be made for compatibility?

steps to reproduce

1. Upload an image into the wysiwyg editor
2. View the content source in the editor

browser version and os version

Firefox 50.1.0, Windows 10 Professional

screenshot of issue

To Reproduce:
Add MaterialNote inside the modal and open "Insert Link" or "Upload Image".

I'am using this plugin on materializecss v1.0.0-rc.2,
But dropdown toolbar not show content.
I'am getting error on my console :

materialize.min.js:6 Uncaught TypeError: Cannot set property 'tabIndex' of null at n.value (materialize.min.js:6) at new n (materialize.min.js:6) at Function.value (materialize.min.js:6) at Function.value (materialize.min.js:6) at n.fn.init.jQuery.fn.(anonymous function) [as dropdown] (http://localhost/kemenag_ptsp/app/assets/js/materialize.min.js:6:13194) at n.fn.init.materialnote (materialnote.js:1882) at HTMLDivElement.<anonymous> (create:393) at Function.each (datatables.min.js:14) at HTMLDocument.<anonymous> (create:392) at i (datatables.min.js:14)

Dropdown menus in the toolbar are implemented as button tags but have no type property. The default value for that property is submit which means each time one toolbar menu is opened the form containing the materialnote editor is submitted.

Please add type="button" to the attribute list of buttons. Otherwise, the editor is not very useful when insede a form element.

I'm working with the Meteor package, inside an autoform form, but that should not be relevant.

Please migrate to jQuery 3.0, with jQuery migrate, it could be easier than it seems.

Here I have two issues.

1. Link selector does not work
2. Image selector does not work as well.

Thank you
Best regards

I just added materialNote to my meteor project.
I'm trying to initialize some elements as materialNotes.

Template.template.onRendered ->
  $('.materialnote').materialnote()

But there's always this error:

Exception from Tracker afterFlush function:
TypeError: $buttons.each(...).ckTooltip is not a function
    at HTMLDocument.<anonymous> (materialNote.js:6722)
    at fire (jquery.js:3143)
    at Object.self.add [as done] (jquery.js:3189)
    at jQuery.fn.ready (jquery.js:3423)
    at createTooltip (materialNote.js:6702)
    at createLayoutByFrame (materialNote.js:6873)
    at createLayout (materialNote.js:6978)
    at HTMLDivElement.<anonymous> (materialNote.js:7270)
    at Function.jQuery.extend.each (jquery.js:384)
    at jQuery.fn.jQuery.each (jquery.js:136)

Also tried with 1.2.0 because of that change in 1.2.1 with the createTooltip function (materialNote.js:6702) but it didn't work either.

I ask because neither are working when I try any of the combinations of:

$("#editor").materialnote({
   ...,
   callbacks: {
      onImageUpload: function() {}
   }
})

or

$("#editor").on("materialnote.image.upload", function() {})

or

(though I wouldn't expect this to work..)

$("#editor").on("summernote.image.upload", function() {})

It would be great to know if this is a known issue, or if I'm just doing it wrong. I looked through the source, and it appears that it is supported..

Hi Itried getting the contents as shown on summercode website however it does not work.

The 'isEmpty' function works.
Thank you.

I can not paste the text two pictures.
I can not insert to insert the second picture.
I can not insert to insert a third image.
help overcome this problem.

Hey, just wondering if this project is kinda abandoned, since the last update was 6 months ago and summernote add tons of new features. I tried implementing video plugin, but i seem to have a few issues.
Any ETA on updates?

when you add the link
in the settings window of the model decreases z buffer in modal div

Hi,

I just injected materialNote into my form. View works fine, however few buttons (i.e. font-family selection) submit my entire form on try to drop-down select box.

Any suggestions?

Hello,

we are using webpack to package front end assets. Currently it is impossible to use materialNote in our project because of the issue from upstream ('summernote')

summernote/summernote#1171

Can you kindly merge the fix so that materialNote can work with webpack?
summernote/summernote@157ea15

Hello, when I set a link there is a green validate sign and label is "Open in a new window" but I can't change it

hey this editor works and looks awesome so far, but is there a way to change the overal color from the black i am getting to maybe blue? i cant seem to figure that out :-) thanks.

I got duplicate content when copying content

Hello.

I'm building this into a Laravel app using Laravel Mix and webpack, and I did finally get it to compile and show up on the page, but ... every time a click on a toolbar button the preventDefault() doesn't execute and the page reloads.

The JD is required like so:

window.$ = window.jQuery = require('jquery');

require('./plugins/ckMaterializeOverrides');
require('codemirror');
require('codemirror/mode/xml/xml');
window.materialnote = require('./plugins/materialNote');

Then in my template I have this:

$('#editor').materialnote({
    toolbar: [
        ['style', ['style', 'bold', 'italic', 'underline', 'strikethrough']],
        ['fonts', ['fontsize', 'fontname']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['ckMedia', ['ckImageUploader', 'ckVideoEmbeeder']],
        ['misc', ['link', 'picture', 'table', 'hr', 'codeview', 'fullscreen']],
        ['undo', ['undo', 'redo', 'help']]
    ],
    height: 550,
    minHeight: 100,
    defaultBackColor: '#fff'
});

As I said it does populate my textarea, but fails to function properly.

Any help would be appreciated.

Can someone tell what release of materialze is fully supported.

Curently i'am using

"materialize-css": "^0.97.8",
"materialnote": "^1.2.1",

And the modal system is the not the same anymore, the materialNote.css make the side navbar totaly disapear, only the overlay is visible. I had this behavior in any recent materialize releases.

Why not using the materialize colors component by symply adding a class on toolbar buttons instead of directly overriding materialize framework stylesheet.

Like this

Let me now if you need help.

Paste:
Firefox, IE, not working. But Chrome and Edge is normal.

Drop down menu
When clicked, it will reload the page. For example, I type "Hello", then want to change the color to be red, I click the color button, then the page reloads.

Please provide setup instructions with angularjs

Hi guys!
Anyone see this unnecessary space after each hyperlink? How do you deal with it?

Hi,

When I click on the icon for add a picture, I catch this error :

materialNote.js:5336 Uncaught TypeError: $imageDialog.openModal is not a function
at Object. (http://127.0.0.1:81/js/materialNote.js:5336:22)
at Function.Deferred (http://127.0.0.1:81/js/jquery.min.js:2:28973)
at ImageDialog.showImageDialog (http://127.0.0.1:81/js/materialNote.js:5329:16)
at ImageDialog.show (http://127.0.0.1:81/js/materialNote.js:5306:12)
at HTMLDivElement.showImageDialog (http://127.0.0.1:81/js/materialNote.js:5531:29)
at HTMLDivElement.hToolbarAndPopoverClick (http://127.0.0.1:81/js/materialNote.js:5632:31)
at HTMLDivElement.dispatch (http://127.0.0.1:81/js/jquery.min.js:3:7537)
at HTMLDivElement.r.handle (http://127.0.0.1:81/js/jquery.min.js:3:5620)

Same with icons for link and help.
The version of my lib Materializecss is 0.97.8, not sure it can help...

Thank you for your help.

[Error] TypeError: Argument 1 ('refNode') to Range.setEnd must be an instance of Node
setEnd (materialNote.js:1602)
nativeRange (materialNote.js:1602)
select (materialNote.js:1647)
toggleList (materialNote.js:3139)
insertUnorderedList (materialNote.js:3036)
insertUnorderedList (materialNote.js:3729)
hToolbarAndPopoverClick (materialNote.js:5630)
dispatch (jquery-2.1.4.js:4435)
handle (jquery-2.1.4.js:4121)

this file includes materializecss in it, it's pain in ** to exclude editor css only to apply to existing website not overwriting styles. can you either replace this css to editor-only styles or include it somewhere?

steps to reproduce

1.Click on materialnote.js api guide link is to http://materialnote.org/deep-dive is not working (404)

Currently this is not supporting Safari

When using the original basic summernote API to insert a new node for exemple i got

materialNote.min.js:1 Uncaught TypeError: Cannot read property 'toUpperCase' of undefined
at u (materialNote.min.js:1)
at w (materialNote.min.js:1)
at Object.s [as isInline] (materialNote.min.js:1)
at d.insertNode (materialNote.min.js:1)
at v.insertNode (materialNote.min.js:2)
at J.invoke (materialNote.min.js:2)
at n.fn.init.materialnote (materialNote.min.js:3)
at HTMLDivElement. (todo.js:118)
at HTMLBodyElement.dispatch (jquery.min.js:3)
at HTMLBodyElement.r.handle (jquery.min.js:3)

Using summernote one can disable any input to an editor by executing the disable method like below.

$(".editor").summernote("disable")

Which also makes the editor look grey and all toolbar buttons are disabled.

I tried to do the same in materialnote but it does nothing.

> $(".editor").materialnote("disable")
undefined

Using disable as a function (just like code) doesn't work either.

> $(".editor").disable()
VM1931:1 Uncaught TypeError: $(...).disable is not a function(…)

This package doesn't have a default file set. You can set it via jsdelivr, browser, or main field in package.json