Question

我正在使用TextAngular来建立一个我正在构建的网站，到目前为止它除了两件事外都很有用。

text-align: center不起作用。
text-align: right Doest不工作。

现在，我发现了几个类似的问题，但没有一个与我相提并论。我找到了这个https://github.com/fraywing/textAngular/issues/46，但它的按钮甚至没有显示出来。我的按钮出现了，他们只是按照他们应该的方式工作。我也发现了这个https://github.com/fraywing/textAngular/issues/82，它更接近正在发生的事情，但仍然不是这样。

让我详细了解一下发生了什么。

我有两个textAngular输入框，它们都使用相同的工具栏，此工具栏显示所有可用选项。当我输入其中一个输入字段时，它将复制到第二个输入字段（最多150个字符，这是一个摘要），所有样式按钮都可以工作，例如h1-p按钮，粗体作品，下划线作品，报价甚至有效。当我使用文本对齐按钮时，它出现工作，在输入字段中，它将像它应该的那样对齐到右边或中心。然而，在上传到服务器时，它没有保留样式，起初我认为它正在剥离样式，就像上面提到的链接之一，但是，样式甚至没有得到远。

工具栏中的一个选项是查看裸html，因此如果将生成所有p标签和未显示的内容。按下此按钮时，它会显示除文本对齐之外的所有内容。我的第二个输入字段未与第一个字段对齐，这进一步证实了这一点，因此，如果我使用text-align右键，它将出现在第一个输入框中工作，但不会在第一个输入框中显示第二个方框。

这是我写的表格：

<form name="form-post" ng-submit="save()">
  <div>
    <input placeholder="Title" class="margin-bottom" name="title" ng-model="post.title">
  </div>
  <p>Cover Image</p>
  <input type="file" name="photo" accept="image/*" file-upload file=photo>
  <p>Maximum file size is 1MB.</p>

  <text-angular-toolbar name="toolbar"></text-angular-toolbar>
  <text-angular placeholder="Blog content" name="body" ng-model="post.body" ta-target-toolbars='toolbar' mdp-post></text-angular>
  <text-angular placeholder="Blog Summary" ta-target-toolbars='toolbar' class="margin-bottom margin-top" name="truncBody" ng-model="post.truncBody" mdp-post style="min-height: 30px"></text-angular> 
  </br>
  <button type="submit" class="button-pink">Post</button>
  <button class="button-pink" ui-sref="base.blog">Cancel</button> 
</form>

我的控制器

app.controller('postBlogCtrl', ['$scope', '$location', 'Messages', 'blogFactory',
function($scope, $location, Messages, blogFactory) {

  $scope.post = {};
  $scope.post.body = "";

  $scope.date = new Date();

  $scope.save = function() {
    var post = new FormData();
    post.append("title", $scope.post.title);
    post.append("photo", $scope.photo);
    post.append("body", $scope.post.body);
    post.append("truncBody", $scope.post.truncBody);

    var thingsLeft= [];
    function pushIf(array) {
      for (var i = 1; i < arguments.length; i += 2)
      if (arguments[i]) array.push(arguments[i + 1]);
    }

    pushIf(thingsLeft,
      !$scope.post.title, " Title",
      !$scope.photo, " Cover Image",
      !$scope.post.body, " Body",
      !$scope.post.truncBody, " Summary"
    );

    if(thingsLeft.length > 0){
      Messages.error("Please fill out all fields. Fields left:" + thingsLeft);
      return;
    }else{
      blogFactory.postBlog()
      .post(post, {}, {'Content-Type': undefined}).then(function(response) {
        $location.path('/');
      });
    }
  };
}]);

我很确定这是所需的所有逻辑，如果您需要更多代码，请告诉我。但是，是的，任何想法？

Answer 1

所以它与问题中的一个链接是同一个问题，它正在剥离样式，因为我没有使用textAngular-sanitize.js，这里几乎完全重复了我的问题，已经回答了文字角度的创造者。 https://github.com/fraywing/textAngular/issues/210

TextAngular不指定文本对齐方式

1 个答案: