Quill toolbar butons doesn't work in Laravel

up vote
0
down vote

favorite

I'm using quill editor in Laravel. There is a problem with toolbar. When i click on toolbar's button it doesn't respond. This is my code:

<div id="editor-container">  </div>

<script>



var quill = new Quill('#editor-container', { theme: 'snow'});

</script>

asked Nov 11 at 2:53

Ismoilov Amir

add a comment |

up vote
0
down vote

favorite

I'm using quill editor in Laravel. There is a problem with toolbar. When i click on toolbar's button it doesn't respond. This is my code:

<div id="editor-container">  </div>

<script>



var quill = new Quill('#editor-container', { theme: 'snow'});

</script>

asked Nov 11 at 2:53

Ismoilov Amir

add a comment |

up vote
0
down vote

favorite

I'm using quill editor in Laravel. There is a problem with toolbar. When i click on toolbar's button it doesn't respond. This is my code:

<div id="editor-container">  </div>

<script>



var quill = new Quill('#editor-container', { theme: 'snow'});

</script>

asked Nov 11 at 2:53

Ismoilov Amir

I'm using quill editor in Laravel. There is a problem with toolbar. When i click on toolbar's button it doesn't respond. This is my code:

<div id="editor-container">  </div>

<script>



var quill = new Quill('#editor-container', { theme: 'snow'});

</script>

javascript php laravel editor quill

asked Nov 11 at 2:53

Ismoilov Amir

asked Nov 11 at 2:53

Ismoilov Amir

asked Nov 11 at 2:53

Ismoilov Amir

asked Nov 11 at 2:53

Ismoilov Amir

asked Nov 11 at 2:53

Ismoilov Amir

add a comment |

1 Answer
1

active

oldest

votes

up vote
0
down vote

Try this code

<!-- Include stylesheet -->

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">



<!-- Create the editor container -->

<div id="editor">

  <p>Hello World!</p>

  <p>Some initial <strong>bold</strong> text</p>

  <p><br></p>

</div>



<!-- Include the Quill library -->

<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>



<!-- Initialize Quill editor -->

<script>

  var quill = new Quill('#editor', {

    theme: 'snow'

  });

</script>

answered Nov 11 at 2:58

Brandon

Brandon, it work in another services. But only in my site it doesn't work
– Ismoilov Amir
Nov 11 at 3:23

Please explain your answer, instead of just putting some code. This helps the readers and increases your answer's credibility.
– PradyumanDixit
Nov 11 at 3:29

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53245444%2fquill-toolbar-butons-doesnt-work-in-laravel%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

up vote
0
down vote

Try this code

<!-- Include stylesheet -->

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">



<!-- Create the editor container -->

<div id="editor">

  <p>Hello World!</p>

  <p>Some initial <strong>bold</strong> text</p>

  <p><br></p>

</div>



<!-- Include the Quill library -->

<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>



<!-- Initialize Quill editor -->

<script>

  var quill = new Quill('#editor', {

    theme: 'snow'

  });

</script>

answered Nov 11 at 2:58

Brandon

Brandon, it work in another services. But only in my site it doesn't work
– Ismoilov Amir
Nov 11 at 3:23

Please explain your answer, instead of just putting some code. This helps the readers and increases your answer's credibility.
– PradyumanDixit
Nov 11 at 3:29

add a comment |

up vote
0
down vote

Try this code

<!-- Include stylesheet -->

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">



<!-- Create the editor container -->

<div id="editor">

  <p>Hello World!</p>

  <p>Some initial <strong>bold</strong> text</p>

  <p><br></p>

</div>



<!-- Include the Quill library -->

<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>



<!-- Initialize Quill editor -->

<script>

  var quill = new Quill('#editor', {

    theme: 'snow'

  });

</script>

answered Nov 11 at 2:58

Brandon

Brandon, it work in another services. But only in my site it doesn't work
– Ismoilov Amir
Nov 11 at 3:23

Please explain your answer, instead of just putting some code. This helps the readers and increases your answer's credibility.
– PradyumanDixit
Nov 11 at 3:29

add a comment |

up vote
0
down vote

Try this code

<!-- Include stylesheet -->

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">



<!-- Create the editor container -->

<div id="editor">

  <p>Hello World!</p>

  <p>Some initial <strong>bold</strong> text</p>

  <p><br></p>

</div>



<!-- Include the Quill library -->

<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>



<!-- Initialize Quill editor -->

<script>

  var quill = new Quill('#editor', {

    theme: 'snow'

  });

</script>

answered Nov 11 at 2:58

Brandon

Try this code

<!-- Include stylesheet -->

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">



<!-- Create the editor container -->

<div id="editor">

  <p>Hello World!</p>

  <p>Some initial <strong>bold</strong> text</p>

  <p><br></p>

</div>



<!-- Include the Quill library -->

<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>



<!-- Initialize Quill editor -->

<script>

  var quill = new Quill('#editor', {

    theme: 'snow'

  });

</script>

<!-- Include stylesheet -->

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">



<!-- Create the editor container -->

<div id="editor">

  <p>Hello World!</p>

  <p>Some initial <strong>bold</strong> text</p>

  <p><br></p>

</div>



<!-- Include the Quill library -->

<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>



<!-- Initialize Quill editor -->

<script>

  var quill = new Quill('#editor', {

    theme: 'snow'

  });

</script>

<!-- Include stylesheet -->

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">



<!-- Create the editor container -->

<div id="editor">

  <p>Hello World!</p>

  <p>Some initial <strong>bold</strong> text</p>

  <p><br></p>

</div>



<!-- Include the Quill library -->

<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>



<!-- Initialize Quill editor -->

<script>

  var quill = new Quill('#editor', {

    theme: 'snow'

  });

</script>

answered Nov 11 at 2:58

Brandon

answered Nov 11 at 2:58

Brandon

answered Nov 11 at 2:58

Brandon

answered Nov 11 at 2:58

Brandon

Brandon, it work in another services. But only in my site it doesn't work
– Ismoilov Amir
Nov 11 at 3:23

Please explain your answer, instead of just putting some code. This helps the readers and increases your answer's credibility.
– PradyumanDixit
Nov 11 at 3:29

add a comment |

Brandon, it work in another services. But only in my site it doesn't work
– Ismoilov Amir
Nov 11 at 3:23

Please explain your answer, instead of just putting some code. This helps the readers and increases your answer's credibility.
– PradyumanDixit
Nov 11 at 3:29

Brandon, it work in another services. But only in my site it doesn't work
– Ismoilov Amir
Nov 11 at 3:23

Please explain your answer, instead of just putting some code. This helps the readers and increases your answer's credibility.
– PradyumanDixit
Nov 11 at 3:29

add a comment |

draft saved

draft discarded

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Vfrdtyky