0

次のように formCaptcha Helper View を使用して captcha 要素をレンダリングしようとしています。

    $this->formElementErrors()
        ->setMessageOpenFormat('<br><span class="error-message">')
        ->setMessageCloseString('</span>');
    echo $this->form()->openTag($form); 
    echo $this->formRow($form->get('mail')) . "<br>";
    echo $this->formRow($form->get('password')) . "<br>";
    echo $this->formRow($form->get('name')) . "<br>";
    echo $this->formCaptcha($form->get('captcha')) . "<br>";
    echo $this->formRow($form->get('register-button')); 
    echo $this->formRow($form->get('register-type'));
    echo $this->form()->closeTag();

ただし、キャプチャはすべての HTML タグをインライン モードでレンダリングし、画像をどのように表示するかを示します。

ここに画像の説明を入力

画像をブロック (つまり、画像の下のテキスト フィールド) として見るにはどうすればよいですか?

4

2 に答える 2

3

私が知っているあなたの質問に対する簡単な答えはありません。同様のニーズがあり、ソリューションを構築し、ブログ投稿と github コードを利用できるようにしました。[http://zendtemple.blogspot.com/2012/12/zend-framework-2-zf2-creating-view.html][1]

独自のビュー ヘルパーを作成し、それを PhpRenderer の invokables に登録しました。

次に、元の zend キャプチャ イメージ クラスを拡張し、'getHelperName' 関数をオーバーライドして新しいヘルパーを指す新しいカスタム キャプチャ イメージ クラスを作成しました。

デフォルトの Zend\Form\View\Helper\Captcha\Image.php レンダリング関数は、キャプチャ イメージ、入力ボックス、および ID にパターンを使用します。次のようになります。

$pattern = '%s%s%s';
if ($position == self::CAPTCHA_PREPEND) {
    return sprintf($pattern, $captchaInput, $separator, $img);
}
return sprintf($pattern, $img, $separator, $captchaInput);

カスタム ビュー ヘルパーでは、任意のパターンを作成できます。

これが私のカスタム ビュー ヘルパーです。パターンを書き直し、要素を個別の div でラップしました: //module\Application\src\Application\View\Helper\Form\Custom\Captcha\ViewHelperCaptcha.php

namespace  Application\View\Helper\Form\Custom\Captcha;
use Zend\Form\View\Helper\Captcha\AbstractWord;
//our custom captcha image extending the orginal
use Application\View\Helper\Form\Custom\Captcha\CustomCaptcha as CaptchaAdapter;
use Zend\Form\ElementInterface;
use Zend\Form\Exception;

class ViewHelperCaptcha extends AbstractWord
{
 /**
 * Override
  * 
  * Render the captcha
  *
  * @param  ElementInterface $element
  * @throws Exception\DomainException
  * @return string
  */
 public function render(ElementInterface $element)
 {
 //we could also set the separator here to break between the inputs and the image.
 //$this->setSeparator('
')
  $captcha = $element->getCaptcha();

if ($captcha === null || !$captcha instanceof CaptchaAdapter) {
   throw new Exception\DomainException(sprintf(
     '%s requires that the element has a "captcha" attribute of type     Zend\Captcha\Image; none found',
     __METHOD__
   ));
  }

  $captcha->generate();

  $imgAttributes = array(
    'width'  => $captcha->getWidth(),
    'height' => $captcha->getHeight(),
    'alt'    => $captcha->getImgAlt(),
    'src'    => $captcha->getImgUrl() . $captcha->getId() . $captcha->getSuffix(),
  );
  $closingBracket = $this->getInlineClosingBracket();
  $img = sprintf(
    '<img %s%s',
    $this->createAttributesString($imgAttributes),
    $closingBracket
  );

  $position     = $this->getCaptchaPosition();
  $separator    = $this->getSeparator();
  $captchaInput = $this->renderCaptchaInputs($element);

  $pattern = '<div class="captcha_image">%s</div>%s<div class="captcha_input">%s</div>'
  if ($position == self::CAPTCHA_PREPEND) {
   return sprintf($pattern, $captchaInput, $separator, $img);
  }

  return sprintf($pattern, $img, $separator, $captchaInput);
 }

}

次に、このヘルパーを invokables に登録する必要があります。

\modules\Application\config\module.config.php
'view_helpers' => array(
    'invokables' => array(
    'viewhelpercaptcha' =>'Application\View\Helper\Form\Custom\Captcha\ViewHelperCaptcha',
    ),
),

これは、元の CustomCaptcha を拡張し、新しく登録したビュー ヘルパー「viewhelpercaptcha」を指すように「getHelperName」を変更したものです: \module\Application\src\Application\View\Helper\Form\Custom\Captcha\CustomCaptcha.php

namespace  Application\View\Helper\Form\Custom\Captcha;

//The orginial that we are intending to extend from
use Zend\Captcha\Image as CaptchaImage;
//The new extend verision were we override only what we need.
class CustomCaptcha extends CaptchaImage
{

 /**
  * !!! Override this function to point to the new helper.
  * Get helper name used to render captcha
  *
  * @return string
  */
 public function getHelperName()
 {
     return 'viewhelpercaptcha';
 }
}

あとはフォームで使用するだけです。

//Create our custom captcha class
$captchaImage = new CustomCaptcha(  array(
   'font' => $dirdata . '/fonts/arial.ttf',
   'width' => 200,
   'height' => 100,
   'wordLen' => 5,
   'dotNoiseLevel' => 50,
   'lineNoiseLevel' => 3)
 );
 $captchaImage->setImgDir($dirdata.'/captcha');
 $captchaImage->setImgUrl($urlcaptcha);
//Create a form element captcha adding our custom captcha
// created above.
$this->add(array(
'type' => 'Zend\Form\Element\Captcha',
'name' => 'captcha',
'options' => array(
'label' => 'Please verify you are human',
'captcha' => $captchaImage,
), 

));

お役に立てれば。

于 2012-12-10T23:32:15.520 に答える