HTML 명령 줄 형식의 텍스트 상자

사용자 지정 구문을 사용하여 사용자 지정 명령을 실행하는 텍스트 상자를 만들려고합니다. 이는 프로그래밍 방법을 가르치는 데 사용됩니다.HTML 명령 줄 형식의 텍스트 상자

간단한 예제는 사용자가 $ 기호를 작성한 경우 (변수 이름을 쓰고 있음) 프로그램이 경고를 표시하고, 사용자가 !=을 추가 한 경우 동일한 텍스트 상자에 경고가 같지 않음 등으로 표시된다는 것입니다 .

지금 당장은 jQuery KeyUp 이벤트를 사용하여 여러 정규식 테스트를 실행하고 각 테스트에서 경고 상자 경고를 표시합니다.

더 나은 방법이 있는지 묻고 싶습니다.

2012-09-06 Mohamed Said

+1 : 멋진 프로젝트입니다. –

정규 표현식 패턴을 사용하는 대신 교수 용 언어로 간단한 렉서/파서를 작성합니다. – Mithrandir

당신은 어쩔 수 없습니다. 더 진보 된, 파서 - 와이즈 (parser-wise)를 조사해보십시오. 예를 들어'! ='가 따옴표, 큰 따옴표, 이스케이프 된 따옴표 및 기타 등등을 고려하여 문자열 안에 있는지 여부를 알아 내고 싶을 때 Regex는 엉망이 될 것입니다. 그리고 그것은 단지 합병증 중 하나입니다. –

내가 this THER에서 살펴 것입니다 것은 데모 here입니다. 아마도 jquery의 플러그인 만 가져올 필요가 있습니다. 파서 물건이 당신의 요구에 적합하지 않습니다.

출처

2012-09-06 10:24:24 user1555320

나는 파서 물건이 해결책이 아니라는 것에 동의한다. jquery keyup 이벤트로 실제로하고있다. 버튼을 누를 때마다 나는 정규식 테스트를 실행하고 사용자에게 결과를 즉시 표시한다. 나는 jQuery를 계속 사용하고 아이들이 더 나은 방법으로 이해할 수 있도록 자동 완성 기능을 사용한다고 믿는다. 감사 :) –

죽은 간단한 해결책은 node.js REPL 또는 브라우저 콘솔을 사용하지 않는 이유는 무엇입니까?

그러나 이것이 완전히 끝난 교육 사이트에는 많은 곳이 있습니다. 예를 들어, 예를 들어,이 체크 아웃 : Rails for Zombies

출처

2012-09-06 09:23:09

HTML 명령 줄 형식의 텍스트 상자

답변

관련 문제