Git Product home page Git Product logo

mariojgt / onix Goto Github PK

View Code? Open in Web Editor NEW
28.0 1.0 5.0 22.35 MB

A page builder for laravel that works in a very simple and easy way, by default onix uses tailwind css, but can be easy change to your custom css.

License: MIT License

JavaScript 6.70% PHP 21.43% Blade 52.98% CSS 0.03% TypeScript 18.85%
onix page-builder tailwind grape css grapejs jsgrape laravel tailwindcss laravel-grapejs

onix's Introduction

I'm mario tarosso, a web and game developer ๐Ÿ‘จโ€๐Ÿ’ป

  • ๐Ÿ”ญ Iโ€™m currently working at justmovein

  • ๐ŸŒฑ Iโ€™m currently learning Unreal engine, Vue Js and unity testing.

  • โ“ Ask me about anything related to game development related technologies

  • โšก Fun fact: I use tabs over spaces ๐Ÿ‘


My Skill Set

Frontend

React Bootstrap CSS3 HTML5 JavaScript TypeScript Chart.js Webpack Tailwind CSS Vue.js Ionic NativeScript

Backend

C++ JavaScript TypeScript PHP MongoDB Node.js Linux Nginx Python Express.js Git Bash Sass

DevOps

AWS GCP Kubernetes Linux Git Bash Unity

Connect with me


Recent Blog Posts




onix's People

Contributors

dependabot[bot] avatar mariojgt avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

onix's Issues

Help needed on how to use the package in a existing Laravel project

My apologies first. I am still learning Laravel so the documentation is kind of incomplete to me. I am trying to test the package in an existing Laravel 7 project. Here are what I did so far:

I use the 'composer require' to install the package, then use 'php artisan vendor:publish' command to publish the assets of the package.
Tried to access url 'onix/grape' but it just shows a blank page with one line of text 'Save Page' . I thought that is an exmpale page I can see how grapesjs editor works? could you please instruct me on how to actually use it after installation?

BTW, just curious: what is the tag x-onix::grape-builder in blade file? first, I thought it could be a blade component, but I didn't find any classes in 'src' which extends the blade component class.

Thanks!

Sidebar only shows 'Autoload'

Hi,

I followed the exact steps in your video but only 'Autoload' shows up in the editor. I tried adding some test block but it didn't update at all.. did I miss something?

composer require mariojgt/onix
php artisan v:p --force
(selected right option)
npm install
npm run watch

put this into an empty .blade ->

<x-onix::onix.main cssPath="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
javascriptPath="https://youraplication.js"
imageAssetUrlLoader="{{ route('onix.image.load') }}"
imageAssetUrlSave="{{ route('onix.image.save') }}"
saveUrl="{{ route('onix.save') }}"
loadUrl="{{ route('onix.load') }}"
autoLoadingUrl="{{ route('onix.component.load') }}"
/>

I added a screenshot so you can see what I see.

Schermafbeelding 2021-11-14 om 23 07 26

How can i make basic grape js component like video, image,text , etc visible

Hi @mariojgt , Again thank you so much for amazing package and im so sorry im not familiar with javascript packages so i used your package and its awsome everything works really good but i can not see basic components for drag and drop i have just tailwind blocks so how can i make those basic component that provided by grape js visible and i have another quastion if it is possible to use blade components or livewire components as a deagable block or not.

BR,
Ehsan

Provide a "How to implement the package"

I would love to give it a try but It's actually not clear in the Readmi section how to get this package up and running
Could you please provide more details .

Thanks

Documentation

Can we have some documentation to use your package?

Blank Page

Laravel 6

Hi, after running composer require and publishing the files, I get a blank page when I visit URL/onix/grape

I tried to rerun npm install & npm run dev but still just a blank page. I don't believe the required dependencies are compiling.

Is it ready to use?

Hi there, found your project while researching GrapesJS. Is this package ready to try in an existing Laravel 7 project? Thanks.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.