Discourse toolkit to render forms

ドキュメント 開発者ガイド
25

ええ、それはうまくいくかもしれません。それを試してみます。

おそらく私は「フレームワークネイティブ」のオプションを探していたのですが、これは間違いなく非常に妥当な代替案です。ありがとうございます。

「いいね！」 2
26

この例で次のエラーが発生しています。

validateConfig - uppy-upload.js:80:12

Error: Missing required UppyUpload config: type

Uncaught (in promise) Error: Missing required UppyUpload config: type
    validateConfig uppy-upload.js:80
    UppyUpload uppy-upload.js:113
    js uppy-image-uploader.gjs:32
    UppyImageUploader uppy-image-uploader.gjs:23
    createComponent base-component-manager.js:26
    Ember 2
    source chunk.e6b222d1aa255cdf70e5.d41d8cd9.js:98442
    Ember 12
    source chunk.e6b222d1aa255cdf70e5.d41d8cd9.js:100412
    source chunk.e6b222d1aa255cdf70e5.d41d8cd9.js:102123
    Ember 34
    show modal.js:73

<field.Image /> は @type 引数を 必須 としていると推測します :slight_smile:

「いいね！」 1
27

画像アップロードに関する状況はさらに奇妙になっています。

フォームコントロールを使用して画像アップロード用のファイルダイアログボックスを開くと、このエラーが発生することがあります。

selectedText - utilities.js:137:25
TypeError: ancestor is null

 const postMenuArea = ancestor.querySelector(".post-menu area");

    <form.Field
      @name="upload_url_1"
      @title="Upload"
      @onSet={{this.handleUpload}}
      as |field|
    >
      <field.Image @type="branding" />
    </form.Field>

これは、私のフォームが投稿とは全く関係のないモーダル上にあるため、特に奇妙です。

最終的にはすべて機能しますが、ブラウザのコンソールに少し醜い表示が残ります。

よろしくお願いします！

「いいね！」 2
28

しかし、OPは更新されていませんし、元に戻されたようです。そして、それを突き止めるのに、私が認めたくないほど多くの時間を失いました。

これらのガイドはGitHubにありますか？そうであれば、GitHubにリンクすることはできますか？

「いいね！」 2
29

ああ、そうですね、このトピックは私たちのドキュメントリポジトリから生成されたことに気付かなかったので、元に戻されてしまい、その後のフォローアップもしていませんでした… 現在、適切な修正が進行中です

「いいね！」 2
30

ありがとうございます！

もう一つの修正点は、ソースにテーマコンポーネントを作成して、誤った場所で変更を行ってしまうことを防ぎ、私がプルリクエストを提出できるようにすることです。

31

Documentation > Developer Guides のトピックでは編集ボタンを非表示にしていますが、キーボードショートカットやクイック編集で回避されると思います。さらに非表示/無効化するものが増えました！ :sweat_smile:

すべてのドキュメントの最後に、ソースファイルへのリンクとともにこれを表示しています。PRを提出したい場合は、これが最善の方法でしょう。

32

ああ。なるほど。また、管理者はルールが適用されないこともよくあります。

待って。何？

ああ。しまった。小さい文字ですが、今見ると、以前にも見たことがあるような気がします。:person_shrugging:

今回はさらに進みました。かなりカスタムなことをたくさんやっています（フィールドに入力したときに表示されるテキストをトリガーする必要があるなど）。そのため、使用できなくなる可能性があります。

フィールドに入力したときにトリガーする方法はありますか？（ユースケースとして、Digital Ocean APIキーフィールドに入力したときに、APIキーの取得方法を説明するテキストが表示されるようにします）。

編集：はい。https://ask.discourse.com/ が教えてくれました！知っていれば非常に明白です。:person_shrugging:

import { on } from "@ember/modifier";
...
  @action
  hostnameClicked(event) {
    this.setHelpText(i18n("pfaffmanager.help.hostname"));
  }
...

            <field.Input @type="text" {{on "click" this.hostnameClicked}} />
「いいね！」 1