GithubHelp home page GithubHelp logo

unlayer / playgrounds Goto Github PK

View Code? Open in Web Editor NEW
9.0 9.0 7.0 4.41 MB

Unlayer Playgrounds

Home Page: https://playgrounds.unlayer.com

JavaScript 47.31% HTML 28.45% CSS 8.47% TypeScript 14.61% Vue 1.15%

playgrounds's People

Contributors

adeelraza avatar umairsiddique avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

playgrounds's Issues

How to loadDesign from mySQL?

I am using unlayer editor in my laravel project. I want to load my existing HTML markup into the editor. But it's not working with loadDesign and loadTemplate function. Here is my code.

<script>

class EmailEditor {
    constructor(id) {
        unlayer.init({
        id: id,
        displayMode: "web",
        appearance: {
            theme: 'dark',
        }
        });
    }

    loadDesign(design) {
        unlayer.loadDesign(design);
    }

    saveDesign(callback) {
        unlayer.saveDesign(callback);
    }
    exportHtml(callback) {
        unlayer.exportHtml(callback);
    }
}

    const editor = new EmailEditor('editor-container');

    const saveHTMLBtn = document.getElementById('update_html_btn');

    saveHTMLBtn.addEventListener('click',e => {
    editor.exportHtml(
        d => {
            // Ajax

            var body = d.html;

            $.post('{{ route('api.page.content.create') }}', 
            {_token:'{{ csrf_token() }}', 
            page_id: '{{ $content->id }}', 
            title: '{{ $content->title }}',
            body: body
        },  
            function(data){
                console.log(data);
            });

          }
        );
    });

</script>

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.