Webleb - Snippets de Código - Documentação da API de Conteúdo Web v1

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Content API Documentation</title>
    <style>
        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; background-color: #f4f7f6; color: #333; }
        .container { max-width: 900px; margin: 40px auto; padding: 30px; background: #ffffff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
        h1 { color: #007bff; border-bottom: 3px solid #007bff; padding-bottom: 10px; margin-bottom: 20px; }
        h2 { color: #555; margin-top: 30px; border-left: 5px solid #ccc; padding-left: 10px; }
        .endpoint { background-color: #e9f7ff; padding: 15px; border-radius: 6px; margin-bottom: 20px; border: 1px solid #cceeff; }
        code { background-color: #eee; padding: 2px 4px; border-radius: 3px; font-family: monospace; font-size: 0.9em; color: #c7254e; }
        pre code { display: block; padding: 15px; background-color: #272822; color: #f8f8f2; overflow-x: auto; border-radius: 4px; }
        .method { font-weight: bold; color: #28a745; margin-right: 10px; }
    </style>
</head>
<body>

<div class="container">
    <h1>Web Content Delivery API (v1)</h1>
    <p>This API provides streamlined access to all published content, including articles, pages, and media assets.</p>

<h2>Authentication</h2>
    <p>All requests require a valid API key passed in the <code>X-API-Key</code> header or as a query parameter <code>?api_key=...</code>.</p>

<h2>Endpoints</h2>

<div class="endpoint">
        <h3>1. Retrieve All Content Items</h3>
        <p>Fetches a paginated list of all available content.</p>
        <p><span class="method">GET</span> <code>/api/v1/content</code></p>
        <h4>Query Parameters:</h4>
        <ul>
            <li><code>type</code>: (Optional) Filter by content type (e.g., <code>article</code>, <code>page</code>).</li>
            <li><code>limit</code>: (Optional) Number of items per page (Default: 20).</li>
        </ul>
    </div>

<div class="endpoint">
        <h3>2. Get Content By Slug</h3>
        <p>Retrieves the full details for a single content item using its unique slug identifier.</p>
        <p><span class="method">GET</span> <code>/api/v1/content/{slug}</code></p>
        <h4>Example Response (JSON):</h4>
        <pre><code>
{
  "id": 45,
  "slug": "getting-started-api",
  "title": "Getting Started with the Content API",
  "author": "Jane Doe",
  "published_date": "2023-10-26T10:00:00Z",
  "body": "<p>This is the full HTML content of the article...</p>",
  "metadata": {
    "tags": ["api", "tutorial", "docs"]
  }
}
        </code></pre>
    </div>

<div class="endpoint">
        <h3>3. Search Content</h3>
        <p>Allows full-text search across all indexed content fields.</p>
        <p><span class="method">GET</span> <code>/api/v1/search</code></p>
        <p><strong>Required Parameter:</strong> <code>q</code> (The search query string)</p>
    </div>

<h2>Error Codes</h2>
    <ul>
        <li><code>400 Bad Request</code>: Missing required parameters.</li>
        <li><code>401 Unauthorized</code>: Invalid or missing API key.</li>
        <li><code>404 Not Found</code>: Content item does not exist.</li>
    </ul>

</div>

</body>
</html>

CSS

/* Replace with your CSS Code 
 PNG

���
IHDR���������N���	pHYs����+���lIDATx
��� Om7�������������������������������������������������������������������������������������We�*x����IENDB`PNG

���
IHDR���C���C���H/$���	pHYs����+���$IDATh1��� Om�������������4�W<����IENDB`PNG

���
IHDR���J���J���U&���	pHYs����+���&IDATx��� nH@���������������@v�C����IENDB`PNG

���
IHDR���9���9���z���	pHYs����+���IDATh��� nH@��������n&L�3#����IENDB`PNG

���
IHDR���������h$u���	pHYs����+���SIDATx
��� Om7������������������������������������������������������������x2�2
����IENDB`
Warning: Cannot modify header information - headers already sent by (output started at /home/user/scripts/code.php:70) in /home/user/scripts/code.php on line 91

Warning: Cannot modify header information - headers already sent by (output started at /home/user/scripts/code.php:70) in /home/user/scripts/code.php on line 92
{\rtf1\ansi\deff0{\stylesheet{\s0 \fi-567\li567\ri-567\sa200\sl276\slmult1\f0\fs22\cf1 \snext0 Normal;}}\trowd\trgaph108\trleft-108\trrh-567\trhdr\clbrdrt\brdrs\clbrdrl\brdrs\clbrdrb\brdrs\clbrdrr\brdrs\cellx2267\clbrdrt\brdrs\clbrdrl\brdrs\clbrdrb\brdrs\clbrdrr\brdrs\cellx4533\pard\intbl\f0\fs22\cf1 \cell \pard\intbl\f0\fs22\cf1 \cell\row\pard}\par \par \pict\picscalex100\picscaley100\piccropl0\piccropr0\piccropt0\piccropb0 PHJlY3QgY3g9IjEwMCIgY3k9IjMyIiByPSIxNzEiIGZpbGw9InJnYig1NSw4MSw4KSIgLz48cmVjdCBjeD0iNzAiIGN5PSIyMyIgcj0iNjciIGZpbGw9InJnYig1LDAsNTUpIiAvPjxyZWN0IGN4PSIwIiBjeT0iNjkiIHI9Ijc0IiBmaWxsPSJyZ2IoMjEsNDQsMCkiIC8+PHJlY3QgY3g9IjUyIiBjeT0iNjgiIHI9IjU3IiBmaWxsPSJyZ2IoMjEsMTQ5LDIpIiAvPjxjaXJjbGUgY3g9IjExIiBjeT0iNzYiIHI9IjE0NCIgZmlsbD0icmdiKDEsMSwyMSkiIC8+\par \par\par \par \pard \fs22 \cf1 Encrypted CSS Stylesheet: \par \par \cf2 RCtmZ1gwMTVCZDVNdmRFcEVBLzIwNGNxVUt4d1QrYkVCVU5heThZbnVnZXRhUHdienZ2K202MGZCZ3RZU01WajNLMExIbHFwTEZBZGZuVGs3M3Azc3YzK0s2MmFnZG9vWEtzdzZORFkwdGVvR1hTY0NLWE1xajdZQnVGNmk2QzU4OEdISzhGWWljdGM4TEhEeCtVYzZpc0huSGVOcW9WdFhNalR4TWsyZUM1MFc3a2k3d1hpR2YyOXBac0JDSkRxZWY2a1Y2Vy9BUmh2dHFTZFFmOThGclpnQkxLY3pCVEI2VlQ5cmZTS3JvOURFMlJJYUVXTTg1N3FUbzBFaHFjWnZEbmV4OFZIaElqVy9kOElhdU43bFVHdVhmNnUxNnI3M01oOHMydXZyQ1lLd1pXR1pMeWR0UWkrV2h1RUFRTi9TTExSeG82N3hmUVNYcmplVFY4NHZqVFZLR1YveG9WZysvblViQjk4Vk9RQVBVYmN0TmNweWVudHFqWC9KRXdvbmFYOW9vWERPUG5SMG56cUVGL1VRbWNVcnpMRnh0aTAyY21KUkpnbjBkQkQxY1NxV3dJa2IvNzgvRzVPVFA0bXkrQUlsa1ZHanJmR0c1TTFncWt6Mk5XYms4dFgvK3FFOGVBRkcwSzcvYWZxaGxqSy9CdXBncVVLU1hOV1pVUklTQUdhMEY0MmxPMDRFTXdtV1RtTGhJMDgvUFgxclNVVW51WHpnSHhPeGRzPQ==\par \par \cf1 Checksum: 1830640191\par \par\par \par \pard \fs22 \cf1 Web Token: my_super_secure_web_token\par \par\par \par \pard \fs22 \cf1 Hex Color Palette: \par \par \cf2 red: #FF0000 \par \cf1\cf2 green: #00FF00 \par \cf1\cf2 blue: #0000FF \par \cf1\cf2 yellow: #FFFF00 \par \cf1\cf2 cyan: #00FFFF \par \cf1\cf2 magenta: #FF00FF \par \cf1\par \par \pard \fs22 \cf1 Computed Stylesheet: \par \par \cf2 eyJzdHlsZXMiOiJcclxuYm9keSB7XHJcbiAgICBmb250LWZhbWlseTogQXJpYWwsIHNhbnMtc2VyaWY7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjRkYwMDAwO1xyXG4gICAgcGFkZGluZzogMHB4IDg5cHg7XHJcbn1cclxuXHJcbmgxIHtcclxuICAgIGNvbG9yOiAjRkZGRjAwO1xyXG4gICAgZm9udC1zaXplOiAyNHB4O1xyXG4gICAgcGFkZGluZzogMjRweCA4MXB4O1xyXG59XHJcblxyXG5wIHtcclxuICAgIGNvbG9yOiAjRkZGRjAwO1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgcGFkZGluZzogMHB4IDBweDtcclxufVxyXG5cclxuLnNoYXBlIHtcclxuICAgIHdpZHRoOiAxNDRweDtcclxuICAgIGhlaWdodDogNHB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDAsIDI0LCAxKTtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogMTQ0JTtcclxuICAgIGxlZnQ6IDIlO1xyXG59XHJcbiIsImhleF9jb2xvcnMiOnsicmVkIjoiI0ZGMDAwMCIsImdyZWVuIjoiIzAwRkYwMCIsImJsdWUiOiIjMDAwMEZGIiwieWVsbG93IjoiI0ZGRkYwMCIsImN5YW4iOiIjMDBGRkZGIiwibWFnZW50YSI6IiNGRjAwRkYifSwiZmlib25hY2NpIjpbMCwxLDEsMiwzLDUsOCwxMywyMSwzNCw1NSw4OSwxNDRdLCJ0cmlib25hY2NpIjpbMCwwLDEsMSwyLDQsNywxMywyNCw0NCw4MSwxNDksMjc0XX0=\par \par \cf1/* Ink-CSS CSS Stylesheet URI: ink-css://encrypted-styles?checksum=1830640191&token=my_super_secure_web_token *//* AES Web Socket Output: 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 */
(Leave empty if not needed) */

JS

/* Replace with your JS Code 
  (Leave empty if not needed) */

PNG

���
IHDR���������N���	pHYs����+���lIDATx
��� Om7�������������������������������������������������������������������������������������We�*x����IENDB`PNG

���
IHDR���C���C���H/$���	pHYs����+���$IDATh1��� Om�������������4�W<����IENDB`PNG

���
IHDR���J���J���U&���	pHYs����+���&IDATx��� nH@���������������@v�C����IENDB`PNG

���
IHDR���9���9���z���	pHYs����+���IDATh��� nH@��������n&L�3#����IENDB`PNG

���
IHDR���������h$u���	pHYs����+���SIDATx
��� Om7������������������������������������������������������������x2�2
����IENDB`
Warning: Cannot modify header information - headers already sent by (output started at /home/user/scripts/code.php:70) in /home/user/scripts/code.php on line 91

Warning: Cannot modify header information - headers already sent by (output started at /home/user/scripts/code.php:70) in /home/user/scripts/code.php on line 92
{\rtf1\ansi\deff0{\stylesheet{\s0 \fi-567\li567\ri-567\sa200\sl276\slmult1\f0\fs22\cf1 \snext0 Normal;}}\trowd\trgaph108\trleft-108\trrh-567\trhdr\clbrdrt\brdrs\clbrdrl\brdrs\clbrdrb\brdrs\clbrdrr\brdrs\cellx2267\clbrdrt\brdrs\clbrdrl\brdrs\clbrdrb\brdrs\clbrdrr\brdrs\cellx4533\pard\intbl\f0\fs22\cf1 \cell \pard\intbl\f0\fs22\cf1 \cell\row\pard}\par \par \pict\picscalex100\picscaley100\piccropl0\piccropr0\piccropt0\piccropb0 PHJlY3QgY3g9IjEwMCIgY3k9IjMyIiByPSIxNzEiIGZpbGw9InJnYig1NSw4MSw4KSIgLz48cmVjdCBjeD0iNzAiIGN5PSIyMyIgcj0iNjciIGZpbGw9InJnYig1LDAsNTUpIiAvPjxyZWN0IGN4PSIwIiBjeT0iNjkiIHI9Ijc0IiBmaWxsPSJyZ2IoMjEsNDQsMCkiIC8+PHJlY3QgY3g9IjUyIiBjeT0iNjgiIHI9IjU3IiBmaWxsPSJyZ2IoMjEsMTQ5LDIpIiAvPjxjaXJjbGUgY3g9IjExIiBjeT0iNzYiIHI9IjE0NCIgZmlsbD0icmdiKDEsMSwyMSkiIC8+\par \par\par \par \pard \fs22 \cf1 Encrypted CSS Stylesheet: \par \par \cf2 RCtmZ1gwMTVCZDVNdmRFcEVBLzIwNGNxVUt4d1QrYkVCVU5heThZbnVnZXRhUHdienZ2K202MGZCZ3RZU01WajNLMExIbHFwTEZBZGZuVGs3M3Azc3YzK0s2MmFnZG9vWEtzdzZORFkwdGVvR1hTY0NLWE1xajdZQnVGNmk2QzU4OEdISzhGWWljdGM4TEhEeCtVYzZpc0huSGVOcW9WdFhNalR4TWsyZUM1MFc3a2k3d1hpR2YyOXBac0JDSkRxZWY2a1Y2Vy9BUmh2dHFTZFFmOThGclpnQkxLY3pCVEI2VlQ5cmZTS3JvOURFMlJJYUVXTTg1N3FUbzBFaHFjWnZEbmV4OFZIaElqVy9kOElhdU43bFVHdVhmNnUxNnI3M01oOHMydXZyQ1lLd1pXR1pMeWR0UWkrV2h1RUFRTi9TTExSeG82N3hmUVNYcmplVFY4NHZqVFZLR1YveG9WZysvblViQjk4Vk9RQVBVYmN0TmNweWVudHFqWC9KRXdvbmFYOW9vWERPUG5SMG56cUVGL1VRbWNVcnpMRnh0aTAyY21KUkpnbjBkQkQxY1NxV3dJa2IvNzgvRzVPVFA0bXkrQUlsa1ZHanJmR0c1TTFncWt6Mk5XYms4dFgvK3FFOGVBRkcwSzcvYWZxaGxqSy9CdXBncVVLU1hOV1pVUklTQUdhMEY0MmxPMDRFTXdtV1RtTGhJMDgvUFgxclNVVW51WHpnSHhPeGRzPQ==\par \par \cf1 Checksum: 1830640191\par \par\par \par \pard \fs22 \cf1 Web Token: my_super_secure_web_token\par \par\par \par \pard \fs22 \cf1 Hex Color Palette: \par \par \cf2 red: #FF0000 \par \cf1\cf2 green: #00FF00 \par \cf1\cf2 blue: #0000FF \par \cf1\cf2 yellow: #FFFF00 \par \cf1\cf2 cyan: #00FFFF \par \cf1\cf2 magenta: #FF00FF \par \cf1\par \par \pard \fs22 \cf1 Computed Stylesheet: \par \par \cf2 eyJzdHlsZXMiOiJcclxuYm9keSB7XHJcbiAgICBmb250LWZhbWlseTogQXJpYWwsIHNhbnMtc2VyaWY7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjRkYwMDAwO1xyXG4gICAgcGFkZGluZzogMHB4IDg5cHg7XHJcbn1cclxuXHJcbmgxIHtcclxuICAgIGNvbG9yOiAjRkZGRjAwO1xyXG4gICAgZm9udC1zaXplOiAyNHB4O1xyXG4gICAgcGFkZGluZzogMjRweCA4MXB4O1xyXG59XHJcblxyXG5wIHtcclxuICAgIGNvbG9yOiAjRkZGRjAwO1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgcGFkZGluZzogMHB4IDBweDtcclxufVxyXG5cclxuLnNoYXBlIHtcclxuICAgIHdpZHRoOiAxNDRweDtcclxuICAgIGhlaWdodDogNHB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDAsIDI0LCAxKTtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogMTQ0JTtcclxuICAgIGxlZnQ6IDIlO1xyXG59XHJcbiIsImhleF9jb2xvcnMiOnsicmVkIjoiI0ZGMDAwMCIsImdyZWVuIjoiIzAwRkYwMCIsImJsdWUiOiIjMDAwMEZGIiwieWVsbG93IjoiI0ZGRkYwMCIsImN5YW4iOiIjMDBGRkZGIiwibWFnZW50YSI6IiNGRjAwRkYifSwiZmlib25hY2NpIjpbMCwxLDEsMiwzLDUsOCwxMywyMSwzNCw1NSw4OSwxNDRdLCJ0cmlib25hY2NpIjpbMCwwLDEsMSwyLDQsNywxMywyNCw0NCw4MSwxNDksMjc0XX0=\par \par \cf1/* Ink-CSS CSS Stylesheet URI: ink-css://encrypted-styles?checksum=1830640191&token=my_super_secure_web_token *//* AES Web Socket Output: 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 */

Documentação da API de Conteúdo Web v1

Recomendado

Contêiner de fragmentos de animação CSS

Trecho de animação de carregamento CSS

Trecho de animação de carregamento CSS

HTML

CSS

JS

Recomendado

Contêiner de fragmentos de animação CSS

Trecho de animação de carregamento CSS

Trecho de animação de carregamento CSS

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS