michalkow / cssconsole Goto Github PK
View Code? Open in Web Editor NEWcssConsole is a jquery plugin that allows you to transform DOM element into console/terminal like input.
cssConsole is a jquery plugin that allows you to transform DOM element into console/terminal like input.
in line #212 the method reset
doesnt work because updateCursor($this, 500);
fails due the missing access to the variable settings
(is just accessible for the init
method)
so then the reset
works how it should
It would be logical to control caret blinking interval via option.
we could use Source Code Pro and Source Sans Pro from Adobe:
https://github.com/adobe/source-code-pro
https://github.com/adobe/source-sans-pro
We can use then the fontface generator from fontsquirrel.com
It looks like currently this plugin supports
This information should be clearly stated in README.md file
this code should be deleted from the console example or we cant browse on the page because of the autofocus every 100ms
focus = window.setInterval(function() {
if(!$('#input').find('input').is(":focus")){
$('#input').find('input').focus();
}
}, 100);
There is a minor bug concerning input boxes.
All characters are cleared visually (DOM value is indeed correct - "")
"1" or "*" is left in the input box
Note: If any other character is typed in this input box correct visual marks are shown
Cursor is moved to the beginning or end of a string
No action
it works here with height:14px but a higher value leaves sometimes a fragment of the blinking cursor under the letters
When browsing demo either in Firefox 16.0.1 (tested in Win/Linux) or 18.0a2 (tested in Linux), and possibly other FF versions/OS's following bugs were encountered:
%&('
) charactersA declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.