TextAngular не назначает выравнивание текста

Question

Я использую TextAngular для веб-сайта, который я создаю, и до сих пор он отлично работает, за исключением двух вещей.

1. text-align: center Не работает.
2. text-align: right Doest not work.

Теперь я нашел несколько подобных проблем, но ни один из них не соответствует моим. Я нашел это https://github.com/fraywing/textAngular/issues/46, но это для кнопок, которые даже не появляются. Мои кнопки появляются, они просто не работают так, как они должны. Я также нашел это https://github.com/fraywing/textAngular/issues/82, и это ближе к тому, что происходит, но все же не совсем так.

Позвольте мне подробно рассказать о том, что происходит.

У меня есть два текстовых окна ввода, они используют одну и ту же панель инструментов, на этой панели инструментов отображаются все доступные опции. Когда я ввожу одно из полей ввода, он будет копироваться во второе поле ввода (до 150 символов, это сводка), все кнопки стилизации работают, например, кнопки h1-p, смелые работы, подчеркивание, кавычки даже работают. Когда я использую кнопки выравнивания текста, то появляется для работы, в поле ввода он будет выравниваться вправо или в центр, как следует. Тем не менее, при загрузке на сервер он не сохраняет стиль, сначала я думал, что он убирает стиль, как упоминается в одном из приведенных выше ссылок, однако стиль не дает , что далеко.

Один из вариантов на панели инструментов - увидеть голый html, так что если вы сделаете все теги p и что не появится. При нажатии этой кнопки отображаются все, кроме выравнивания текста. Это подтверждается и моим вторым полем ввода, не совпадающим с моим 1-м полем, поэтому, если я использую правую кнопку выравнивания текста, то появится, чтобы работать в первом поле ввода, но не будет делать это во втором поле.

Вот форма, которую я написал:

<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