Usar el cuadro de diálogo de guardar de OneNote en sus páginas web
Se aplica a: solo a blocs de notas para consumidores de OneDrive
El diálogo de guardar de OneNote facilita a los desarrolladores web el envío de páginas web a OneNote. Todo lo que necesita hacer es incrustar una dirección URL con los parámetros necesarios, y el diálogo de guardar autentica y solicita al usuario que elija un destino.
Vista previa del cuadro de diálogo de guardar
Seguir estos pasos para ver un diálogo de guardar de OneNote en acción:
Copia la siguiente etiqueta delimitadora en el HTML de tu página web.
<a href="https://www.onenote.com/clipper/save?sourceUrl=https://dev.onenote.com/& imgUrl=http://antyapps.pl/wp-content/uploads/2013/09/onenote-logo-630x347.jpg& title=Use the OneNote save dialog on your webpages& description=It's easy to send web content to OneNote with the OneNote save dialog!& notes=Sending the OneNote Dev Center webpage to OneNote." onclick="window.open(this.href, 'targetWindow', 'width=525, height=525'); return false;"> Try the OneNote save dialog</a>Haz clic en el vínculo. Después de autenticar con su cuenta Microsoft, verá este diálogo:
Elige el bloc de notas y la sección en la que quieres guardar la página y haz clic en Clip. El diálogo guardará la página del centro de desarrollo de OneNote.
Le recomendemos que inicie el diálogo de guardar en una ventana con unas dimensiones de 525x525 píxeles. Si quieres crear un botón con el logotipo de OneNote, consulta nuestras pautas de marca para obtener ayuda en el diseño.
La siguiente sección desglosa la dirección URL utilizada en el vínculo para que puedas construir la suya.
Crear la dirección URL del cuadro de diálogo de guardar
La URL base para iniciar el diálogo de guardar de OneNote es https://www.onenote.com/clipper/save
Este es el aspecto de una dirección URL completa con marcadores para cada uno de los parámetros de la cadena de consulta:
https://www.onenote.com/clipper/save?sourceUrl={url}&imgUrl={url}&title={text}&description={text}¬es={text}`
La siguiente tabla describe cada uno de los parámetros de la cadena de consulta. Solo se requiere sourceUrl, pero tiene que llenar los parámetros de imgUrl, title y description para garantizar una buena experiencia de usuario.
| Parámetro | Descripción |
|---|---|
| sourceUrl | Necesario La dirección URL de la página web que quiere enviar a OneNote. Se añade una captura de pantalla de la página al bloc de notas y sección que el usuario elija. |
| imgUrl | Recomendado Una imagen que aparece en la esquina superior izquierda del diálogo de guardar después de que el usuario haya autenticado. Esta imagen debe proporcionar una vista previa de la página web o una indicación visual para ayudar al usuario a verificar la página de destino. Esta imagen no se envía a OneNote. |
| title | Recomendado El título de la página de OneNote. |
| description | Recomendado Una descripción de la página web. Igual que la imagen pasada al parámetro imgUrl, este texto debería ayudarte a verificar la página. Este texto aparece en el diálogo pero no se envía a OneNote. Las descripciones se truncan después de 90 caracteres. |
| notes | Opcional Notas sobre la página web. Esto llena previamente el cuadro de texto en el diálogo. El usuario también puede añadir notas en el diálogo antes de enviar la página. Las notas se muestran en OneNote. |