html - quick - Sintaxis similar a Markdown o Mark para formularios simples

markdown underline

Question

¿Hay algún lenguaje simple similar a Markdown o uno de los marcos de wiki que se convierte en elementos de formulario HTML?

Por ejemplo:

name* = ___________
sex = (x) Male () Female
phones = [] Android [x] iPhone [] Blackberry
city = {BOS, (SFO), NYC}

Se convertiría a:

<label>Name (required):</label><input type="text" name="name" id="name"/>
<label>Sex:</label><input type="radio" name="sex" value="Male" checked="checked"/> <input type="radio" name="sex" value="Female"/>
<label>Phones:</label><input type="check" name="phones" value="Android"/> <input type="check" name="phones" value="iPhone" checked="checked"/> <input type="check" name="phones" value="Blackberry"/>
<label>City:</label> 
<select name="city">
  <option value="BOS">BOS</option>
  <option value="SFO" selected="selected">SFO</option>
  <option value="NYC">NYC</option>
</select>

Sería sencillo crear uno yo mismo, pero si cualquier biblioteca / lenguaje existente ya lo admite, me ahorraría algo de tiempo en implementación, documentación y mantenimiento. Sería preferible si la biblioteca funcionara bien en Java (para que pudiéramos ejecutarlo desde el lado del servidor) o JavaScript (para que pudiéramos ejecutarlo desde el lado del cliente).

Actualización : Creé un proyecto github para esto y maleldil implementó. ¡Siéntete libre de probarlo !

Answer 1

Di un vistazo al problema en https://github.com/bradgessler/formdown con una sintaxis ligeramente diferente:

Hi _________(Name)

How are you doing today? () Good () Ok () Bad

Could I have your email address? __________@(Email)

Write a few lines that describe your mood: ____________///(Mood)

[ Submit your feelings ]

Esto se empaqueta como la gema de formdown y se puede usar en Rails para procesar formularios a través de la extensión de archivo .fmd (por ejemplo, app/views/users/edit.fmd.html ).

Answer 2

Estoy trabajando en una solución PHP que extiende Michelf Markdown . Actualmente, los elementos básicos <input> y <textarea> son compatibles. Utiliza esta sintaxis:

?{type}("label" "value" "placeholder" rows*cols){.class}

Donde type puede ser un tipo de entrada ( <input type="..." ) o textarea que da como resultado un área de texto.

Consulte https://github.com/rbnvrw/markdown-forms para obtener el código y siéntase libre de contribuir.

Answer 3

Me encontré con http://www.jspwiki.org/Wiki.jsp?page=WikiFormsPlugin algún tiempo. no estoy seguro si puedes reutilizar la clase aunque.

Answer 4

No es una respuesta.

Creo que debería leer

sexo = () hombre () mujer

para obtener botones de radio, porque

sexo = [] Hombre [] Mujer

daría como resultado casillas de verificación (lo que significa que podría ser tanto hombre como mujer)

Si va a implementarlo. Además, debe solicitar una pregunta por línea, para que sepa qué agrupar, de lo contrario se vincularán dos ().

También sugiero que no intentes poner valores dentro de () o [], ya que es más fácil buscarlos sin texto dentro. Pero también puede agregar ( ) como seleccionado y [ ] como marcado. Si usas ese tho, no puedes tener ese flujo de caracteres en las preguntas.

Solo mis 2 centavos por si va a implementarlo.

Answer 5

No he podido encontrar una biblioteca que se adapte a mis necesidades, así que bifurqué el proyecto de WMD (que SO usa para resaltar la sintaxis de Markdown) y puse el proyecto en Github . No tuve tiempo de implementarlo, pero maleldil amablemente lo hizo, ¡así que pruébalo !

Answer 6

<< GET "/post.php";
    label*: __|n="inputname"|v|p|i|c|l|disabled|readonly; 
    password: *|n|v|p|i|c;
    select: { ''multi word value''= ''Option'', ''value2''=''Option 2'', !''value1''=''Option 3'' }&|n|i|c;
    (!)|n|v :label for previous radio; ()|n|v :label for previous;
    label for checkboxes: [!]|n|v; []|n|v;
    Message:____|rows|cols|c|p|v;
    File: ^|size||types|i|c
    @submit|v="Send Message";
    @reset|v="Reset Form";
>>

• << y >> son signos de inicio y finalización
• "this is a label":
• * inmediatamente después de que la etiqueta sea para los campos obligatorios
• __ es entrada de texto
• | los atributos se separan con pipes ( n="name of the field"|c="class of the field" )
• ; es para la separación de campo
• {} seleccionar es muy parecido a una matriz asociativa.
• ! es para valores seleccionados / seleccionados
• :"label that comes after the value" para radios y casillas de verificación
• ____ es textarea
• ^ caret es para la entrada de archivos (signo ascendente para subir)
• @submit para botones

.. ahora solo si alguien implementó esto. :)