Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Datatable editor not found


I need to integrate this, but I can't because I don't know how to do the imports. Can you please translate this tutorial into English and correct any grammar and spelling mistakes? Here's the link: https://yajrabox.com/docs/laravel-datatables/master/editor-tutorial

import "datatables.net-editor";
import Editor from "datatables.net-editor-bs5";
Editor(window, $);


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi,

The tutorial you mentioned, from the website https://yajrabox.com/docs/laravel-datatables/master/editor-tutorial, is not created by us. To address any concerns or inquiries regarding the tutorial, I recommend reaching out to the author or the support team mentioned on the website.

In order to assist you further, could you please provide more details about the specific Laravel version you are using? Are you referring to the "laravel_app" or the latest "laravel starterkit" version?

Thanks



I'm referring to the latest version and I know how to implement the package, but I'm not sure how to integrate it with the Laravel starter kit.



Hi,

To achieve that, you can create a separate JS file and SCSS file for your customization. Start by creating a JS file named `app.js` and a SCSS file named `app.scss` in the `resources/assets/js` and `resources/assets/sass` directories, respectively.

Next, open the `webpack.mix.js` file and add the following code to include these files in the build:


mix.js("resources/assets/js/app.js", "public/js")
.sass("resources/assets/sass/app.scss", "public/css");


After that, run the command `npm run dev` to compile the assets. This will generate the CSS and JS files in the `public` directory.

Finally, you can import the generated CSS and JS files from the `public` folder into your Laravel application. Proceed with the rest of the guide using the customized files.

Please let me know if you need further assistance.

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(