コードウィジェット

Blocs コードウィジェットを使用して、あらゆるタイプのコードをプロジェクトに簡単に統合できます。 この機能は、機能を追加するために使用できるため、非常に便利です。 Blocs 現在まだ利用できないプロジェクト。

重要

コードウィジェットがアプリ内でコンテンツをプレビューするように設定されている場合は、コードを貼り付けるときに注意してください。 Blocs コンテンツにプレーンHTML以外のものが含まれている場合、クラッシュしたり、サイトが壊れたりします。 JS、PHP、またはプレーンHTML以外のものを追加する場合は、最初にコードウィジェットのアプリ内プレビューを無効にするように注意してください。

コードの入力

コードウィジェットのコンテンツを編集するには、デザインキャンバス上の要素をダブルクリックするだけです。 これにより、 Blocs コードエディタ。 このコードエディタを使用すると、あらゆるタイプのカスタムコードを簡単に入力できます。 コードに加えたすべての変更は、 Blocs アプリ内でコンテンツをプレビューするように設定されている場合は、リアルタイムでプロジェクトを作成します。

初心者向けのヒント

コードウィジェットのコードを使用して作成されたテキスト、ボタン、リンクなどのすべての要素を、アプリの標準オプションを使用して編集するために選択することはできません。 コードウィジェット内の要素を選択しようとするときの通常の動作は、コードウィジェットコンテナが選択されることです。

コードエディタ
 

アプリ内プレビュー

コードウィジェットを使用すると、コードを貼り付けたときにアプリ内でコードがプレビューされないようにすることができます。これは、JavascriptまたはPHPを入力するときに便利で推奨されます。 プレビュー機能は、プレーンHTMLを追加する場合にのみ有効にする必要があります。 コードウィジェット、アプリ内プレビューは、サイドバーインスペクターオプションにあるプレビューチェックボックスを使用して無効にできます。

他の領域へのコードの追加

ページの他の領域にカスタムコードを追加したい場合は、組み込みのを使用してそれを行うことができます Blocs コードエディタ.

18年2020月XNUMX日に更新

この記事は役に立ちましたか?

関連記事