Giter Site home page Giter Site logo

htmleditor's Introduction

htmleditor's People

Contributors

mrdoob 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  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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

htmleditor's Issues

not loaded resources notifications

Ponte en este caso, estoy probando un ejemplo de la documentación, lo arrastro al editor, estaría perfecto que me avisara de cada js que no ha cargado igual que las imágenes que no ha cargado.

igual me pongo con ello para mi editor, y te dejo el código saludos

How to reset back to the default code?

Is there an easy way to reset the code in code-editor back to the default code?

It would be nice to be able to show people how easy it is to just start coding and have the spinning box readily available and ready to edit.

I don't really want to start people off with whatever lousy code I happened to be playing with the last time.

So a 'reset' or 'new' button would be great...

Url-based code toggle

It would be nice if it were possible to share code with ?code=hidden available as an option toggle the visibility of the code, when shared, so that the link provides a demo-first form.

Mouse Events Issue

outdated about link button

Al hacer click en about, lleva a la dirección del proyecto en github pero con el nombre viejo, asi que el link esta roto

Error notification

En vez de mostrar los errores en consola, porqué no mostrarlos como notificaciones?

He usado para ello el plugin de jquery Noty

enlace:

http://kif.arkasoftware.com/threejs/htmleditor

} catch ( error ) {

                var lineNumber = error.lineNumber + lineStart;
                errorLines.push( lineNumber );

                editor.setLineClass( lineNumber, null, 'errorLine' );

                var string=  'Line ' + ( lineNumber + 1 ) + ': ' + error.string;
                console.log( string);

                 notty = window.noty({text: string, closeWith: ['click'], layout:'bottomRight',type:'error', dismissQueue: true,force: true});
            }

            // console.log( errors );
            if (errorLines.length==0){
                $.noty.closeAll() 
                notty = window.noty({text: "OK. No errors detected", closeWith: ['click'], layout:'bottomRight',type:'success',timeout:5000, dismissQueue: true,force: true});

            }
            return errorLines.length === 0;

        };

Preview not clickable

No se puede clickar en la preview, al menos en chrome, te dejo como he dejado el código, adjuntando la última librería de jquery

        var toggle = function () {

            if ( element.style.display === '' ) {

                buttonHide.textContent = 'show code';

                element.style.display = 'none';
                buttonUpdate.style.display = 'none';
                buttonShare.display = 'none';
                    $("#editor").fadeOut();  <---------------


            } else {

                buttonHide.textContent = 'hide code';

                element.style.display = '';
                buttonUpdate.style.display = '';
                buttonShare.display = '';

            $("#editor").fadeIn(); <---------------------
            }

        };

te dejo mi ejemplo en el que no se pódia hacer click y ya sí. pincha sobre el cubo

http://kif.arkasoftware.com/threejs/htmleditor/#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

Quick Question

This is really helpful. I love how simple it is. Couple notes:

  1. Is there a keyboard shortcut to toggle "Hide Code"? Like Control + H?
  2. Not sure how feasible this is, but it would be a huge help if, when I type something like "console.log(x)", the output is added somewhere on the screen -- rather than having to open up dev tools. But maybe that's not doable...

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.